homepage Welcome to WebmasterWorld Guest from 54.205.242.179
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Pubcon Website
Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
Forum Library, Charter, Moderator: open

Site Graphics and Multimedia Design Forum

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




msg:849780
 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.

 

fashezee




msg:849781
 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.

copongcopong




msg:849782
 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. =)

Birdman




msg:849783
 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.

Birdman

tedster




msg:849784
 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.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
© Webmaster World 1996-2014 all rights reserved