Grow your CSS skills. Land your dream job.

A liitle help with re-sized image

  • # October 28, 2012 at 12:25 pm

    Hello all.

    Just wondering if anybody could give me some advice on a webste.

    I have a page [here](http://www.mallardsoftavistock.co.uk/find_us.html “”)

    You will notice that the map image is blurry. I have tried re-sizing it but it just goes blurry. Until you click on it and it goes to the origainal size.

    Is there anything i can do to make it clearer to fit in the page. The customer really wants to use this image !!

    Thanks in advance

    # October 28, 2012 at 12:55 pm

    You’re using 2 images here.

    The “small” version: http://www.mallardsoftavistock.co.uk/images/Tavi_map_small.gif
    The large version: http://www.mallardsoftavistock.co.uk/images/Tavi_map_big.gif

    The small version is already blurry by itself, and you also resize it using CSS from its original size (900×489) to 880×491. DOUBLE BLURRYYYYYYY ATTACK!!

    Here’s what I would do.

    Take the large version and open it in your image editor. Make sure it’s in RGB mode, not in “indexed color” mode (that limits the number of colors). Resize (and crop, if necessary) to 880 to 491, or whatever exact size you want to show it on your site. It should end up a little “smoother” than what you have now.

    Save the result, and use that version as the “small” version.

    # October 29, 2012 at 6:20 pm

    @Senff

    Thanks mate. That’s a lot better. Cheers

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

You must be logged in to reply to this topic.

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