Enhanced image management is one of the best things we see in Drupal 8 and 9. First, the Drupal core adopted the Media package that provides content creators and website admins with handy ways to upload, manage, and reuse images and other multimedia. Next, it got the Responsive Image functionality that makes it easy to load the proper image sizes for all types of user screens.
All this sounds great but it’s even more interesting to see how it works from the inside. Let’s take a little tour of the key principles of work of the Responsive Images and Media in Drupal, as well as review a step-by-step guide on how to set up responsive images in Drupal for media entities.