A List Apart

Menu
Issue № 351

Standard vs. standard: which way of creating responsive images is best for the web?

Responsive Images and Web Standards at the Turning Point

by Mat Marquis · 42 Comments

Responsible responsive design demands responsive images, images whose dimensions and file size suit the viewport and bandwidth of the receiving device. As HTML provides no standard element to achieve this purpose, serving responsive images has meant using JavaScript trickery, and accepting that your solution will fail for some users. Then a few months ago, in response to an article here, a W3C Responsive Images Community Group formed, and proposed a simple-to-understand HTML picture element capable of serving responsive images. The group even delivered picture functionality to older browsers via two polyfills: namely, Scott Jehl's Picturefill and Abban Dunne's jQuery Picture. The WHATWG has responded by ignoring the community's work on the picture element, and proposing a more complicated img set element. Which proposed standard is better, and for whom? Which will win? And what can you do to help avert an "us versus them" crisis that could hurt end-users and turn developers off to the standards process? ALA's own Mat Marquis explains the ins and outs of responsive images and web standards at the turning point.

More from A List Apart

Columnists

Lyza Danger Gardner on Building the Web Everywhere

Mentorship for the Novice Expert

We’re short on mountaintops where we can find mentors, but the good news is mentors are actually just people like you and me who keep at it. They work at listening, ask people how they prefer to learn, make time to meet. Lyza Gardner talks about her early-morning motocycle practice, and how she loves gradually building her mentoring muscle by overcoming the embarrassment of being a beginner and just doing it.

From the Blog

We (Still) Have Work to Do

One year ago today, we wrote “we have work to do,” and we said we were making the web industry’s diversity problem our problem. We’re far from fixing everything at ALA, but from our editing processes to our recruitment to our messaging, we’ve been pushing ourselves to prioritize inclusivity. Editor-in-chief Sara Wachter-Boettcher discusses what we’ve been working on, where we can do better, and why it’s important to share our challenges.