So, today he mentioned a smashing magazine post written on the same topic. And I read.

I keep getting hung up on the same thing, though. Image resizing.

I’ve played with two options.

1. Test the browser width server side and deliver images at an exact size.
2. Deliver a larger image. Test width client-side and display smaller dimensions.

The first option is nice in that you aren’t asking site visitors to download a larger version of your site (in terms of filesize.) But the benefit goes to hell if the visitor resizes the window and you have to make that call again (thereby testing and delivering new versions of the images each time.) And, more importantly (to me,) the image quality is never as good as if you optimize them manually.

The second option ignores the idea of delivering images at the smallest possible filesize. It delivers (meaning the browser downloads) large images, with smaller height and width attributes. But, damn, it looks smart onscreen.

If it wasn’t clear, I have issues with both options. Loading larger images and/or writing more code feels like a slope to offering high-bandwidth / low-bandwidth options. You know, for people with slow connections. Or mobile devices.

I JUST THINK MAYBE THIS COULD ALL BE BETTER HANDLED BY A RENDERING ENGINE. Because as awesome as fluid layouts are, and as well documented as the method is becoming (thanks to some very smart people,) we’d still have to re-engineer the entire web to solve the issue with html and css alone. Whereas browsers… well, they could introduce (check) and enhance page zoom.

I AM JUST SAYIN’!