Level Up Fridays • Episode 5

How to create Responsive Images


Learn how to use HTML's `picture` element and `srcset` to provide art-direction and handle different display resolutions for Responsive images.

Whether you're using photography or illustration to enhance the look and feel of a website, images are a big part of our lives as designers.

Handling images in Responsive Design has gotten a whole lot easier thanks in part to HTML's picture element and secret attribute. In this video, I'll show you how you to provide images to the browser in multiple resolutions and change what image is shown based on your user's screen size.

Episode Links

Zeke Binion
Product Designer / Developer / Speaker / Gamer / Lover of Slashes