Responsive images
summary
Drupal 8 ships a Responsive Image module in core (machine name picture) that uses breakpoints declared in YAML, image styles and srcset/sizes so the browser picks the right file; use IMG for scaled images and <picture> only for art direction. For user-controlled cropping try image_widget_crop (manual crops per breakpoint) or the low-effort focal point contrib for automatic crops. Planning image styles with stepped scale-downs reduces variants. Drupal 7 still offers lazy-loading via the Picture module.
AI-written summary · about
chapters (8)
- 0:00Introduction and speaker intro
- 1:27Why responsive images matter
- 3:21Basics of responsive images
- 9:13Art direction with picture element
- 11:24Responsive images in Drupal
- 25:14Contrib modules for art direction
- 33:20Responsive images in WYSIWYG
- 34:29Conclusion and Q&A
