Image toolbox

Generating responsive images with multiple variants, displayed on specific breakpoints by using <picture> element.

Automatic creation of webp variant of images, with fallback for browsers that don't support this format.

Automatic creation of placeholder images. Plugin outputs either transformed image or placeholder with size based on image transform, if image is missing.

Use native Craft transform engine, or Imager-x

Using Image variants field, you can configure transform settings of image variants and breakpoints values. This can be done for whole asset source or for the specific assets.

undefined