Image Optimizations in Backdrop: Responsive Images

My colleague Philip Stier has been working on a series of webinars about image optimizations in Drupal, and I thought it would be nice to do a quick overview of some of the parallel ways to optimize images in Backdrop. Some of the techniques are identical, and I'll mention a few others as well.

Maintaining optimized images is important for your site's accessibility and usability on different screen sizes and devices.

We'll cover the <picture> element, breakpoints, and how to configure responsive images in Backdrop. I'll show one method for converting images to a "next gen" format (in this case webp) for further optimization, and show an example of how these affect page download time.

Please bring your own techniques and questions for the conversation that follows the demo.