Responsive images in Drupal - a guide

27th of October 2023
In this seven-part guide I cover everything you need to know about responsive images and how to manage them in a Drupal site.

Art Direction using the picture HTML element

27th of October 2023
In the context of responsive images, art direction is the ability to display differently-cropped images based on the device size.

Image resolution switching using srcset and sizes attributes

27th of October 2023
Resolution switching uses identical images that are simply larger or smaller based on the device but retain the same aspect ratio and cropping settings.

Image styles in Drupal

27th of October 2023
I'd like to think of Drupal's image styles as templates for cropping and sizing images.

Responsive images and Media

27th of October 2023
In Drupal, the core Media module manages the creation, editing, deletion, settings, and display of media entities.

Responsive images, wrapping up

27th of October 2023
In Drupal, the core Media module manages the creation, editing, deletion, settings, and display of media entities.