Image
Last updated on
11 March 2021
This documentation needs work. See "Help improve this page" in the sidebar.
Drupal 8 ships with three Field Formatters for Image fields: Image, Url to Image, and Responsive Image. (For the last one, you must enable the core responsive_image module.) There are many, many contributed modules that provide additional field formatters for image fields. Since there are so many, we try to roughly categorize the contributed field formatters.
Gallery, Slideshow, Lightbox, etc
- baguetteBox.js
- Bootstrap Basic Image Gallery
- Bootstrap Carousel Image Formatter
- bxSlider
- Colorbox
- Colorbox field formatter
- Field Gallery
- Fotorama Gallery
- Imagefield Slideshow
- Intense
- jQuery Carousel
- Lightgallery
- Slider Pro
Popups, Zoom, Before/After, and Other Effects
- Cocoen BeforeAfter
- Image Hover Effects
- Image Field Zoom
- Image Zoom
- Magnific Popup
- Simple Image Popup
- Virtual Tour (Panellum)
- Zurb TwentyTwenty
Lazy Loading
Background Image
- Background Images Formatter
- Picture Background Formatter
- Simple Background Image Formatter
- Simple Background-Image Formatter
Image as a File
- File Download
- File Download Link
- File Downloader
- Media Entity Download (Note: only applicable to image fields on Media.)
Miscellaneous
Help improve this page
Page status: Needs work
You can:
You can:
- Log in, click Edit, and edit this page
- Log in, click Discuss, update the Page status value, and suggest an improvement
- Log in and create a Documentation issue with your suggestion
Still on Drupal 7? Security support for Drupal 7 ended on 5 January 2025. Please visit our Drupal 7 End of Life resources page to review all of your options.