Grow your CSS skills. Land your dream job.

Backgroun image

  • # February 16, 2009 at 7:46 am

    Hello Cris,

    I want to do a website with a big background image. But I cannot reduce the file size, without compromising the image’s quality.

    I was studying your website’s code and I could see that you use a huge background image with a very small size 9 or 7Kb.

    Is there a special tip or trick to make light weight images?

    Greetings,
    Michelle

    # February 17, 2009 at 2:40 am

    petala,

    what type of image is it? a photograph?

    you could download easythumbnails from fooks: http://www.fookes.com/ezthumbs/

    you can resize the image without compromising it.

    you could also try and take away any exif data from your image, using an exif stripper, but that wont take too much kb away.

    I would say re-size cause there is no point in having a full size photo (3000 x 2000px)

    # February 17, 2009 at 2:26 pm

    Hi, the image is a jpg or png, about 1200px x 1000px.

    Check these examples: http://www.webdesignerwall.com/trends/8 … -websites/

    # February 17, 2009 at 2:51 pm

    Post your process.

    Make sure you are saving for web. It is very easy to see image degradation as the designer because you are specifically looking at it but, generally, the end user will never notice the difference.

    # February 17, 2009 at 3:10 pm
    "petala" wrote:
    Hi, the image is a jpg or png, about 1200px x 1000px.

    Check these examples: http://www.webdesignerwall.com/trends/8 … -websites/

    well, the first website on that link, the background loads with flash….

    mind you, you could do a pre-load of your background image, which should make it look as if it is loading quicker.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".