Getting images to present in an optimal size and resolution in responsive web design can be a challenge, but there are techniques that work better than others. Markup, JavaScript and PHP are some of the common solutions although in this documentation by a web developer, a basic system was helpful enough. Find out the pros and cons of the different solutions tested for automatically making images responsive:
One Solution To Responsive Images
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.
http://www.smashingmagazine.com/2014/02/03/one-solution-to-responsive-images/
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
Related articles
