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


Rian van der Merwe on A View from a Different Valley

The Analog Revolution

Back in the day, when software was released (on physical media), it was considered done. In the present, some products could benefit from a limitation like that. To tie development to something immutable, such as a physical thing or a hard deadline, might just foster a sense of responsibility to design our product so it has what it takes to last a few years.

From the Blog

It’s Time We #FEDtalk

One person focuses on HTML, CSS, and JavaScript. Another writes JavaScript tests all day. And they both have the same job title: front-end developer. Mat Marquis talks about why that’s okay, and introduces our latest event, "The State of Front-End Dev."

Writing to Think

It's true, writing about your work can be tough. Putting your thoughts out there for everyone to see—and comment on—can be intimidating. But, as Susan Robertson shows, it's a great way to clarify your thinking on tough problems, and can lead to new opportunities in the process.