Scaled Images

[msmarti]

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]

"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]

Originally Posted by tracknut

"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]

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