Optimizing images can drastically decrease the page load time because, on average, 60% of a website’s page weight is made up of them. Responsive Web Design has changed how the web is built and that includes images too, because the aim is to deliver the highest quality image supported and nothing more. So nowadays we have new standard elements and attributes to work with images widely supported by browsers (and polyfills for the rest).
This session will go through this new standards reviewing the different options for responsive images. Starting from the basics, like the differences between viewport sizing and Art Direction, to the plan and the implementation.
We will also see which solutions gives Drupal out-of-the-box and how to take the most of them with contributed modules to give automated Art Direction for the final user.