This chapter describes ways to deal with image scaling. With RESS, we can optimize the server-side part of our application in many ways depending on its target. But the issues discussed most often—related to SS optimization of RWD page components—are probably responsive images.
It is easy to add the following lines of code to a CSS file:
img { max-width: 100%; }
This generally works. Most modern phones are able to resize a 3000px image to fit in a 300px wide screen, but it is neither a responsible nor a wise approach. Just think how much money it will cost your users. Mobile service providers love the pay-per-transfer plans. When 10 KB costs 2 cents, then 1Mb is worth $2, and that may be a waste for just a few unoptimized images. So, not optimizing images may bother your users in two ways:
It makes them wait longer for your page to load
It may cost them more money than it would for resized images
It's no wonder that this issue has...