Skip to content

About Imager X

Imager is a Craft plugin for advanced image transforms, optimization, and manipulation. Built to streamline development and boost performance, it offers a flexible, future-proof solution backed by a comprehensive ecosystem of extensions.

Features

  • The most efficient template syntax for doing a bunch of image transforms in one go.
    craft.imagerx.transformImage(myImage, [mySmallestSize, myBiggestSize, 16/9]) | srcset
  • Boost productivity with the companion Power Pack plugin, making responsive images effortless while following modern best practices.
  • Transforms are completely filebased – no database queries needed.
  • Transform Assets (local and cloud-based ones), local images, external images, or even the transformed images themselves.
  • Auto generate transforms on Asset upload or when saving elements. PRO
  • Console commands for batch generating transforms. PRO
  • Supports modern image formats like WebP, AVIF and JPEG XL.
  • Upload and serve transformed images from external services with first party plugins for Amazon S3, Google Cloud Storage, and DigitalOcean Spaces. Or, write your own storage interface to use whichever cloud service you want. PRO
  • Optimize your legacy format images with jpegoptim, jpegtran, mozjpeg, optipng, pngquant, gifsicle, Tinify, Imagemin or Kraken. Or, write your own optimizer interface for whichever post-optimization tool or service you want.
  • Offload all your transforms to third party image transform services with first party plugins for Bunny.net, Cloudflare, Imagekit, Amazon Cloudfront, ImageBoss, and Imgix. Or, write your own transformer to use whichever method/service you'd like. PRO
  • A nifty utility for clearing caches, batch generating transforms PRO, and debug information.
  • GraphQL support. PRO
  • Support for interlaced/progressive images.
  • Support for animated gifs.
  • Support for fallback images when Assets are missing, or completely replacing all images with a placeholder one (especially useful in development).
  • If you know the aspect ration you want, you don't have to calculate the extra height/width.
    { width: 800, ratio: 16/9 }
  • New letterbox resize mode.
    { width: 600, height: 600, mode: 'letterbox', letterbox: { color: '#000', opacity: 0 } }
  • New croponly mode. To crop, not resize.
    { width: 600, height: 600, mode: 'croponly', position: '20% 65%' }
  • New cropZoom parameter for when you want to get a little closer.
    { width: 600, height: 600, mode: 'crop', position: '20% 65%', cropZoom: 1.5 }
  • Basic image effects, including grayscale, negative, blur, sharpen, gamma, and colorize.
    { effects: { sharpen: true, gamma: 1.4, colorize: '#ff9933' } }
  • Advanced image effects, including color blend, tint, clut, levels, sepia, contrast, modulate, normalize, contrast stretch, unsharp mask, posterize, and many more (Imagick imagedriver only).
    { effects: { modulate: [100, 40, 100], colorBlend: ['rgb(255, 153, 51)', 0.5] } }
  • Your own choice of which resize filter to use. Speed vs. quality is up to you (Imagick imagedriver only).
  • Lots of placeholder options, even the brand new blurhash thingy.
  • Support for watermarks.
    { watermark: { image: logo, width: 80, height: 80, position: { right: 30, bottom: 30 }, opacity: 0.8, blendMode: 'multiply' } }
  • Get color information, dominant color, and palette from your images.
  • A bunch of color utilities for getting brightness, hue, lightness, percieved brightness, relative luminance, saturation, brightness difference, color difference, and (puh!) contrast ratio.

Editions and pricing

Imager X comes in two editions, Lite ($49) and Pro ($99).
Lite has all the base functionality for transforming and optimizing images, but to unlock the real power of Imager, you'll probably want Pro.

Features requiring Pro, has been tagged in the features list above.

First-party plugins

Imager X has a comprehensive ecosystem of first-party plugins for transformers, storage drivers, optimizers, adapters, and effects.

PluginTypeDescription
Imager X Power PackPackMore weapons in your quest to optimize images
Imager X Bunny.net TransformerTransformerBunny.net transformer
Imager X Cloudflare Images TransformerTransformerCloudflare Images transformer
Imager X Craft Cloud TransformerTransformerCraft Cloud transformer
Imager X AWS Serverless TransformerTransformerAWS Serverless Image Handler transformer
Imager X ImageBoss TransformerTransformerImageBoss transformer
Imager X ImageKit TransformerTransformerImageKit transformer
Imager X Imgix TransformerTransformerImgix transformer
Imager X Imgix Download TransformerTransformerImgix download transformer
Imager X Storage Driver for AWS (S3)StorageAmazon S3 storage driver
Imager X Storage Driver for DigitalOcean SpacesStorageDigitalOcean Spaces storage driver
Imager X Storage Driver for Google Cloud ServicesStorageGoogle Cloud Services storage driver
Imager X Kraken OptimizerOptimizerKraken.io optimizer
Imager X Tinify OptimizerOptimizerTinify (TinyPNG) optimizer
Imager X PDF AdapterAdapterFile adapter for transforming PDFs
Imager X Video AdapterAdapterFile adapter for extracting and transforming images from video files using ffmpeg
Imager X Rounded Corners EffectEffectRounded corners effect

Support

Please post any support requests in the github repository, and make sure to supply as much information about your issue as possible. Also refer to the troubleshooting section, and check the FAQ for common questions.

Copyright © 2024 André Elvan