Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

Resizing image with CSS

If I resize a large photo with CSS, does it load fast?



2:28 pm on Jul 27, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member

Basically, I need to know if I should resize in my photo editor and save thumbnail copies of images or does resizing in the source reduce download time of images?

Thanks WW.


4:14 pm on Jul 27, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member

I don't think you should ever resize images using code. Also, if your image is a thumbnail and you like to
have a larger view of it, the image itself would get pixelated. You might be able to get away with it
if your original image has the largest resolution it will ever take, you won't lose quality if you reduce it's size.
But remember; the thumbnail although reduced in resolution will still have the same KB as if it was being displayed
in its original size.


11:51 pm on Jul 27, 2002 (gmt 0)

10+ Year Member

setting the height and width of the pic would help the browser to render it faster than to allow the browser check the actual size of the pic. (<img ... height= ... width=... />)

Rememnber that unless you change the filesize of the pic, the difference in loading with be very very very minimal or almost no difference at all. =)


3:47 am on Jul 28, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member

THanks fashezee and copongcopong. Two versions of each pic(thumbnail/large). I just wanted to be sure so my pages load as quickly as possible. Peace.



6:16 am on Jul 28, 2002 (gmt 0)

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member

There are a few cases when it can be sensible to resize with the browser.

One is when you are using the same image at more than one size on a page. Then it makes sense to download the image once (a file at the largest resolution you need) and use the browser to resize the same image for the smaller versions.

Another time is when you have an image file that will not pixelate -- because everything is at right angles (or even just a solid color). Then it makes sense to create a small version of the image and size up to a larger rendering using the browser dimensions.


Featured Threads

Hot Threads This Week

Hot Threads This Month