Media Image Styles Recipe
This project provides pre-configured image styles for various aspect ratios and responsiveness, a new media type for SVG images, and associated view modes to easily integrate these into your website. It aims to simplify the process of handling responsive images and different image formats within Drupal.
Provides a recipe include focal point-based image styles, responsive image styles, SVG image media type, and view modes for media.
Features
- 55+ image styles with WebP output across 8 aspect ratios (1:1, 16:9, 4:3, 3:2, 2:3, 3:4, 9:16, 5:2) at multiple breakpoints, plus uncropped variants
- 29 responsive image styles using custom breakpoints (sm/md/lg/xl) powered by ECA
- 29 media view modes with corresponding view displays for images
- SVG Image media type with full field and display configuration
- Custom breakpoints via an ECA model for responsive image rendering
Dependencies
Media types (Image, Document, Local Video, Remote Video) are inherited from Drupal core recipes.
Depends on
Dependencies of the latest stable release
No dependencies recorded for this project.
Required by
Tracked projects that depend on this one
No tracked projects depend on this one yet.