...

View Full Version : Scaled Images



msmarti
11-07-2011, 10:32 PM
I did a test on my site as to how fast it takes it to load and one of the results I got back was as follows:

http://i4.photobucket.com/.../backgroundad.png is resized in HTML or CSS from 198x219 to 113x125. Serving a scaled image could save 46.3KiB (67% reduction).

My question is what is a scaled image? And how do I make it a scaled image?

tracknut
11-07-2011, 11:28 PM
"scaled" meaning resize if to the correct 113x125 size yourself (with Photoshop or something) and then you're downloading a smaller image and not having to resize it in browsers. It is pretty much always a better thing to do your scaling once, rather than force browsers to do it.

Dave

illbzo1
11-08-2011, 12:16 AM
"scaled" meaning resize if to the correct 113x125 size yourself (with Photoshop or something) and then you're downloading a smaller image and not having to resize it in browsers. It is pretty much always a better thing to do your scaling once, rather than force browsers to do it.

Dave

Seconding this. In addition, make sure you're sizing the photos as 72dpi prior to uploading. This is standard web resolution.

tracknut
11-08-2011, 12:26 AM
DPI is completely meaningless for the web though.... it's a print thing. So he can set those photos to any dpi he wishes and get exactly the same result.

Dave



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum