Module Description
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
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 # Convert to png file. Default is webp. drush isg "Default" 100 1400 100 --format=png
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
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 # Convert to png file. Default is webp. drush isg "Default" 100 1400 100 --format=png
Module Link
Project Usage
74
Security Covered
Covered By Security Advisory
Version Available
Production
Module Summary
This module aims to solve the issue of responsive image styles depending on the parent element width, ultimately improving Google Page Speed rank by providing options for enabling image sizes, using image formatters, and creating presets through Drush commands.
Data Name
image_sizes