Responsive images have been, and are, one of the hardest problems in responsive Web design right now. Until browser vendors have a native solution, we have to think on the fly and come up with our own solutions. “Retina” images are especially a challenge because if you have sized your layout with ems or percentages (as you should!), then you cannot be sure of the exact pixel dimensions of each image being displayed.
Common solutions are discussed in this article and the writer shares his experience with each. The way they manipulated coding and the suggested automation plugin are worth a try if you have not found your own solution yet. In every web design project, it helps to try out different solutions before settling on the one that works best in your particular situation!
Image Source: Zemanta
Insights by: Jürgen Strauss