Resizing an image using HTML

Powderhound · September 1st, 2006, 05:38 PM

I have an image on my website that is quite large and I want to resize it so its smaller. I have the image on my site http://www.freewebs.com/powderhound11/ (as you can see it's quite large) and I'm wondering if there is anyway of resizing the image in the HTML code.

Any help would be greatly appreciated.

moojoo · September 1st, 2006, 08:27 PM

There is but that is not the best way to handle it. If you have say a 1600x1200 image and resize it with HTML, people still have to download the 1600x1200 image file. best bet would to have a thumbnail version link to a full version.

Powderhound · September 1st, 2006, 08:35 PM

Thanks
I will resize the image using photoshop.

bruno89 · September 1st, 2006, 11:02 PM

or if u cant be botherd like me

<img src=" image name " width="100" Hight="100">

its the lazy way

Powderhound · September 2nd, 2006, 02:03 AM

thanks for the sugestion but I've done it properly.

Tim356 · September 2nd, 2006, 04:15 AM

Quote:

Originally Posted by bruno89

or if u cant be botherd like me

<img src=" image name " width="100" Hight="100">

its the lazy way

Yes, but as moojoo said - the user still has to download the entire large image, so resizing this way only makes it fit better.

Aaron1988 · September 2nd, 2006, 06:01 AM

the best bet is way moojoo said or just go into photoshop and scale it down or even better go on net and try find a smaller version of it

Legacy_Staff · September 2nd, 2006, 06:46 AM

Using Photoshop, you can also optimise it when you save it (gives you a choice between jpg and gif formats).
There is no need for an image of that size to have such a high compression rate on the web as browsers won't display the highest resolutions anyway. Play around with the compression ratios and you will be able to save a lot there too. I would be expecting a file size of no more than 15Kbs for that area (hopefully much less) but you will see what works best as you play with it.