Appearance
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
letterboxresize mode.{ width: 600, height: 600, mode: 'letterbox', letterbox: { color: '#000', opacity: 0 } } - New
croponlymode. To crop, not resize.{ width: 600, height: 600, mode: 'croponly', position: '20% 65%' } - New
cropZoomparameter 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.
| Plugin | Type | Description |
|---|---|---|
| Imager X Power Pack | Pack | More weapons in your quest to optimize images |
| Imager X Bunny.net Transformer | Transformer | Bunny.net transformer |
| Imager X Cloudflare Images Transformer | Transformer | Cloudflare Images transformer |
| Imager X Craft Cloud Transformer | Transformer | Craft Cloud transformer |
| Imager X AWS Serverless Transformer | Transformer | AWS Serverless Image Handler transformer |
| Imager X ImageBoss Transformer | Transformer | ImageBoss transformer |
| Imager X ImageKit Transformer | Transformer | ImageKit transformer |
| Imager X Imgix Transformer | Transformer | Imgix transformer |
| Imager X Imgix Download Transformer | Transformer | Imgix download transformer |
| Imager X Storage Driver for AWS (S3) | Storage | Amazon S3 storage driver |
| Imager X Storage Driver for DigitalOcean Spaces | Storage | DigitalOcean Spaces storage driver |
| Imager X Storage Driver for Google Cloud Services | Storage | Google Cloud Services storage driver |
| Imager X Kraken Optimizer | Optimizer | Kraken.io optimizer |
| Imager X Tinify Optimizer | Optimizer | Tinify (TinyPNG) optimizer |
| Imager X PDF Adapter | Adapter | File adapter for transforming PDFs |
| Imager X Video Adapter | Adapter | File adapter for extracting and transforming images from video files using ffmpeg |
| Imager X Rounded Corners Effect | Effect | Rounded 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.
