Mobilism 2013 ( is thé conference for mobile (web) development. It took place May 16th and 17th, in Amsterdam, The Netherlands and was organised by Peter-Paul Koch, Krijn Hoetmer, and Stephen Hay.

Videos of DAY ONE:
Videos of DAY TWO:

These video's are recorded as part of a sponsorship by Mirabeau, a full service web company (

Mat Marquis, Responsible Responsive Images - Mobilism 2013, Day 2, Morning, Speaker 3

The goal of a “responsive images” solution is to deliver image sources optimized for the end user’s context, rather than serving the largest potentially necessary image to everyone whether or not they’ll see any benefit. Unfortunately, this hasn’t proven to be quite so simple in practice as it seems to be on the surface.

Small screens should get smaller images, sure, and large screens should get larger ones. Naturally, only high-resolution displays should qualify for high-resolution images, but what if that user has limited bandwidth available? Would the low-resolution image be preferable—and at what point? Further, should we developers be making those kinds of decisions *for* the user in the first place?

During this talk we’ll discuss the road to a standardized solution to the surprisingly thorny issue of responsive images, what that solution—or solutions—might look like, and some of the scripts and techniques we can use in our work today.