1. Web Design
  2. Responsive Web Design

New Course: Understanding Responsive Images

Scroll to top
Read Time: 1 min

We all want our images to display at the best possible quality, with optimal file size, on different devices, but achieving that is easier said than done. There are many different techniques for making images responsive, but some of them have serious downsides, such as limited browser support. 

In Understanding Responsive Images, you’ll learn everything you need to know to get started with responsive images. We’ll cover what they are and how they relate to responsive web design, and we’ll also discuss best practices. 

What You'll Learn

In this course, Tuts+ instructor Adi Purdila will show you different techniques for making images responsive, explaining how to use them and covering their pros and cons. Topics include:

  • using CSS to selectively show images
  • the srcset and sizes attributes
  • the picture element
  • using multiple image formats
  • using a polyfill, such as the Picturefill plugin
  • performance considerations

Watch the Introduction

You can take our new course straight away with a subscription to Envato Elements. For a single low monthly fee, you get access not only to this course, but also to our growing library of over 1,000 video courses and industry-leading eBooks on Envato Tuts+.

Plus you now get unlimited downloads from the huge Envato Elements library of 200,000+ photos and 26,000+ design assets and templates. Create with unique fonts, photos, graphics and templates, and deliver better projects faster.

Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.