• The most efficient template syntax for doing a bunch of image transforms in one go and outputting your srcset's.
  • Transforms are completely file based, no database queries needed.
  • Transform Assets (local and cloud-based ones), local images, external images, or even the transformed images themselves.
  • Upload and serve transforms from Amazon S3 or Google Cloud Storage. Or, write your own storage interface to use whichever cloud service you want.
  • Optimize your transformed images with jpegoptim, jpegtran, mozjpeg, optipng, pngquant, gifsicle, TinyPNG, Imagemin or Kraken. Or, write your own optimizer interface for whichever post-optimization tool or service you want.
  • Support for offloading all your transforms to Imgix.
  • Support for interlaced/progressive images.
  • Support for animated gifs. You can even extract frames, or intervals of frames, from animated gifs!
  • In addition to jpeg, gif and png, you can save images in webp format (if you have the necessary server requirements).
  • New cropZoom parameter for when you want to get a little closer.
    { width: 600, height: 600, mode: 'crop', position: '20% 65%', cropZoom: 1.5 }
  • New croponly mode. To crop, not resize.
    { width: 600, height: 600, mode: 'croponly', position: '20% 65%' }
  • New letterbox resize mode.
    { width: 600, height: 600, mode: 'letterbox', letterbox: { color: '#000', opacity: 0 } }
  • If you know the aspect ration you want, you don't have to calculate the extra height/width.
    { width: 800, ratio: 16/9 }
  • Basic image effects, including grayscale, negative, blur, sharpen, gamma and colorize.
    { effects: { sharpen: true, gamma: 1.4, colorize: '#ff9933' } }
  • Advanced effetcs, including color blend, tint, sepia, contrast, modulate, normalize, contrast stretch, unsharp mask, posterize and vignette (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).
  • Concerned about people copying your images? You can add a watermark to them with Imager.
    { 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.
  • Imager also lets you get color information, dominant color and palette, from your images.
  • Imager also includes a bunch of color utilities for getting brightness, hue, lightness, percieved brightness, relative luminance, saturation, brightness difference, color difference and (puh!) contrast ratio.
  • Output pretty base64 encoded placeholders in SVG or GIF format in whatever color or size you want. You can even create nifty SVG silhouettes of your source images.

Sounds interesting? Read the documentation to learn more!

Did you use Imager 1.x? Check out what's new in Imager 2.0 here.

Support Open Source. Support Imager. Buy beer.

Imager is licensed under a MIT license, which means that it's completely free open source software, and you can use it for whatever and however you wish. If you're using Imager and want to support the development, you can buy me a beer over at Beerpay!



Package Name

To install this plugin, search for its package name on the Plugin Store and click “Install”.


  • Version v2.3.1
  • Last Update 12/30/2019
  • Active Installs 14,034
  • Compatibility Craft 3
  • License MIT
  • Categories Templating, Performance, Assets

Report an issue