homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
Forum Library, Charter, Moderators: not2easy

Site Graphics and Multimedia Design Forum

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)

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)

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)

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)

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)

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.

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved