Responsive Images

About this Course

Using the new source-set and sizes attributes, and the new picture element, it's possible to create images that behave better in a responsive design. These new pieces of markup allow us to deliver the right image to the right device, based on resolution, pixel density, and other factors we define. This will help web pages load faster and look better, and the most capable devices will get the best looking images possible.

What you'll learn

• Image formats
• srcset attribute
• sizes attribute
• <picture> element
• Art direction

Teacher

• Nick Pettit

  Nick is a teacher and an independent game developer.

Download videos

You need to sign up for Treehouse in order to download course videos.