What do I need to do for responsive images out of the box?
Modules
View Easy Responsive Images on Drupal.orgEasy Responsive ImagesCovered by the Drupal security advisory policy (1,685 installs)
View Image Style Generate on Drupal.orgImage Style GenerateCovered by the Drupal security advisory policy (237 installs)
View Image Styles Builder on Drupal.orgImage Styles BuilderCovered by the Drupal security advisory policy (153 installs)
View Responsive Image Style Builder on Drupal.orgResponsive Image Style BuilderCovered by the Drupal security advisory policy (5 installs)
View Responsive Image Formatter Tools (RIFT) on Drupal.orgResponsive Image Formatter Tools (RIFT)Covered by the Drupal security advisory policy (86 installs)
View drimage on Drupal.orgdrimageCovered by the Drupal security advisory policy (533 installs)
View Dynamic Responsive Image (Drimage) – Improved on Drupal.orgDynamic Responsive Image (Drimage) – ImprovedCovered by the Drupal security advisory policy (986 installs)
View Media Responsive Thumbnail on Drupal.orgMedia Responsive ThumbnailCovered by the Drupal security advisory policy (5,702 installs)
View Container Query Images on Drupal.orgContainer Query ImagesCovered by the Drupal security advisory policy (116 installs)
View Image Sizes on Drupal.orgImage SizesCovered by the Drupal security advisory policy (91 installs)
View Image Styles Mapping on Drupal.orgImage Styles MappingCovered by the Drupal security advisory policy (103 installs)
View Responsive Image Debugger on Drupal.orgResponsive Image DebuggerCovered by the Drupal security advisory policy (11 installs)
View Normalized Image Styles on Drupal.orgNormalized Image Styles (52 installs)
Recipes
https://www.drupal.org/project/normalized_responsive_images
Tools
https://new.drupal.org/project/image_styles_drush
Drupal CMS
Copy responsive image styles from Drupal CMS.
Styles: 1:1, 2:3, 3:2, 3:4, 4:3, 9:16, 16:9, Hero, Uncropped.
Sizes: Small, Medium, Large, Wide.
30 image media display modes (using responsive image formatter).
Drimage
Easy setup, combined with views responsive grid.
Notes
https://www.drupal.org/docs/contributed-modules/image-optimize/site-builders-guide
View on Drupal.org #3372932 [Meta] High-performance images (nearly) out of the box Status: Active