Come together with the global Drupal community in Rotterdam, 28 Sept – 1 Oct 2026. Sessions, contribution, connection, and Early Bird savings until 8 June.
These are modules that allow you to adjust an image after you have uploaded it, either to create a different style of the same image (e.g. a thumbnail) or simply to crop/resize or otherwise alter it. Also check module categories like Media, File management and Image to find new, updated or similar modules comparable to this list.
Use the Image Replace module to alternative images for different screen sizes
Image Replace provides a way to supply optional alternative source images mapped to image styles. This is useful when building responsive sites with art directed images where cropping and resizing is not enough but images need to be swapped out completely. For example when delivering graphics containing rendered text, e.g. responsive hero images.
Use the Image Replace module to alternative images for different screen sizes
Image Replace provides a way to supply optional alternative source images mapped to image styles. This is useful when building responsive sites with art directed images where cropping and resizing is not enough but images need to be swapped out completely. For example when delivering graphics containing rendered text, e.g. responsive hero images.
This module adds a FieldFormatter for an Image field, which let's you implement base64 of the image directly.
While most of the code comes from the core module image's ImageFormatter.php, some rewriting with templating has been done. Should be stable.
Usage
(1)
After installation of this module you'll get a new format type "Image Base64" you can assign to any Image Field in a Content Type. Just go to the Type's "Manage Display" and choose "Image Base64" instead of "Image" from the Format Combo-Box. (see the attachment screenshot)
Drupal has a powerful image manipulation system that allows for the creation of image styles that can perform various effects on an image and create a derivative of the original image. This functionality can be leveraged in themes that wish to include a set of default image styles created to work with the theme in question rather than having to rely on those provided by core.