Image Sizes

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