Drupal is a registered trademark of Dries Buytaert
drupal 11.3.7 Update released for Drupal core (11.3.7)! drupal 11.2.11 Update released for Drupal core (11.2.11)! drupal 10.6.7 Update released for Drupal core (10.6.7)! drupal 10.5.9 Update released for Drupal core (10.5.9)! cms 2.1.1 Update released for Drupal core (2.1.1)! drupal 11.3.6 Update released for Drupal core (11.3.6)! drupal 10.6.6 Update released for Drupal core (10.6.6)! cms 2.1.0 Update released for Drupal core (2.1.0)! bootstrap 8.x-3.40 Minor update available for theme bootstrap (8.x-3.40). menu_link_attributes 8.x-1.7 Minor update available for module menu_link_attributes (8.x-1.7). eca 3.1.1 Minor update available for module eca (3.1.1). layout_paragraphs 2.1.3 Minor update available for module layout_paragraphs (2.1.3). ai 1.3.3 Minor update available for module ai (1.3.3). ai 1.2.14 Minor update available for module ai (1.2.14). node_revision_delete 2.0.3 Minor update available for module node_revision_delete (2.0.3). moderated_content_bulk_publish 2.0.52 Minor update available for module moderated_content_bulk_publish (2.0.52). klaro 3.0.10 Minor update available for module klaro (3.0.10). klaro 3.0.9 Minor update available for module klaro (3.0.9). layout_paragraphs 2.1.2 Minor update available for module layout_paragraphs (2.1.2). geofield_map 11.1.8 Minor update available for module geofield_map (11.1.8).

image_sizes

92 sites Security covered
View on drupal.org

Responsive image styles depend on the parent element width.

Blow up your google page speed rank.

Installation 3.x

Install as usual.

How to use

- You can enable image sizes default module for some standards.
- A image formatter for fields is provided
- Use drush command for create a preset

Recommended modules

Image sizes works great with one of the following modules:
* https://www.drupal.org/project/focal_point
* https://www.drupal.org/project/image_widget_crop

Example drush commands

# Generate a preset with name default without ratio
drush isg "Default" 100 1400 100

# Add a blurred placeholder. Needs image_effects module.
drush isg "Default" 100 1400 100 --generate-thumbnail

# Generate style with 4x3 ratio
drush isg "Default" 100 1400 100 --ratio=4x3 

# Generate style with 4x3 ratio with focal point. Works only with ratio option.
drush isg "Default" 100 1400 100 --ratio=4x3 --use-focal-point

# Generate style with 4x3 ratio with image_widget_crop. Works only with ratio option.
drush isg "Default" 100 1400 100 --ratio=4x3 --use-manual-crop

# Convert to png file. Default is webp.
drush isg "Default" 100 1400 100 --format=png

Activity

Total releases
3
First release
Mar 2025
Latest release
1 year ago
Release cadence
7 days
Stability
0% stable

Release Timeline

Releases

Version Type Release date
4.0.0-rc6 Pre-release Mar 28, 2025
4.0.0-rc5 Pre-release Mar 14, 2025
4.0.0-rc4 Pre-release Mar 14, 2025