A liitle help with re-sized image

[hal8]

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

[Senff]

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.

[hal8]

@Senff

Thanks mate. That’s a lot better. Cheers

[Author]

Posts