Chapter 5: Responsive Images and Video

The exchange of text-based content brought the web into existence, but images and other rich media have kept it evolving and made it what we all know/love/dislike.

Options for making images responsive has developed rapidly in recent years, with the ability to load images perfectly suited to users’ devices. And the addition of new HTML elements like video has opened up new options for responsive design. It’s fresh territory, but with pitfalls, compromises, and new techniques to learn. So let’s get going!


Images are a powerful communication device, portraying a message, intent, explanation, and bringing life to your web pages.

Images have also been a constant source of anguish for designers (web and ...

Get Jump Start Responsive Web Design, 2nd Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.