Image Sizes
70 sites
Security covered
This module enhances responsive image styles by considering the parent element's width, which can improve Google PageSpeed rankings. It provides an image formatter for fields and allows for the creation of image presets using Drush commands.
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