Why are rotating (slider, sort of) background images always such a mess? And why do clients love them so much? And finally, how hard could it be to understand that one image will not suit all devices and screen sizes?
And even if it does, it’s probably scaled or cropped. If it’s cropped then probably in the wrong place, cutting off some important part of the image on the client’s 11-inch Macbook Air. If it’s scaled then the aspect ratio can’t fit 16:9, 16:10 and 4:3 all at the same time.
But then again, clients would love to resize their browsers, right? They’d like to see how it’ll look on other screens and that messes it up even worse! So what do we say, wrong image composition? Too many browsers? Why serve a 1080p image on an 11” screen? Why do wallpaper websites let you download their images for 10 different resolutions?
Here’s as close as it can get: Awesome, Easy, Progressive CSS3 Way then again try explaining why when scaling, the image is still being cropped ;)
So the question is: why bother?
