Responsive Images in Drupal

Images have always been an especially tricky item in responsive designs. They need to look good in a variety of screen sizes, screen resolutions and minimally impact performance. HTML5 has solved that problem with the new <picture> element, but how do we use that in Drupal? Even trickier, how do we still maintain the level of control and consistency both clients and designers expect from Drupal.

In this session we'll dig into responsive images. We'll take a look at the different use cases, and which implementation is intended for which use case. Once we have a grasp on the markup, we'll look at how Drupal handles that now, the modules that exist in Drupal 7 and how to approach them. We'll address some quirks in regards to browser support, and differences between Drupal 7 and 8.

Session track:

Session skill level:

Session speaker(s): 
Session date and time: 
Saturday, October 24, 2015 - 11:00am

Session time slot: