big image in low resolution?

Question

Hi.. I have an image of 1000px on my website. When I see this image on my 17' laptop with resolution 1440*1028, it looks good. But when I view the same on a 15.4' desktop with resolution 1028*768, it looks very big and blurred. My image is in a td. If I give td width="80%" and then image width="80%", it reduces image size but the td is still of 1000px. Can someone please suggest a solution to this?

Hi.. thanks for all the answers.Actually the image takes the actual size when seen on a low resolution screen and so looks very big. is there some way I can use the same image and say image width="80%" to take care of the resolution?

I would want HTML to resize it based on the browser and the resolution.

Answer 1

use a imaging tool to resize it...like ACDsee or irfanview ...you can resize using these tools...the problem which you are encountering is due to stretching...you were not resizing the image....you were stretching it....which makes it blur....and make sure you resize it in proportion.....

Answer 2

You should change the resolution by making use of photoshop. Ur code just reduces the image size and thats why u r viewing a blurred image when switched to different resolution. My opinion is that U must not resize a JPG image dynamically. It leads to problems like this. Just change the resolution in photoshop so that it suits all resolution and then display it at 100%

Answer 3

Are you looking to physically resize the image itself, or looking for HTML to resize it based on the current browser?

Answer 4

if u want exact pixel size image.
u must use adobe photoshop for it becoz it is restra based graphic.
please open that image in photoshop and convert it to urs size in need.

Answer 5

Photoshop Can used, or use Paintshop pro it is bit easier

Answer 6

edit using adobe photoshop