Libraries
Imager X for Craft
Features
The most efficient template syntax for doing a bunch of image transforms in one go:
{{ craft.imager.transformImage(myImage, [{ width: mySmallestSize }, { width: myBiggestSize }], { ratio: 16/9, fillTransforms: true }) | srcset }}
If you know the aspect ratio 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).
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.
Get Started
Documentation and additional examples for the Imager X Craft Plugin library can be found on GitHub at https://github.com/spacecatninja/craft-imager-x.
Imager 2.0
An older version of the plugin can be found on GitHub at https://github.com/aelvan/Imager-Craft.
It is free to use but is deprecated and no longer being maintained.
More Plugins
- ContentfulbuildBrowse, search, and add assets into your content quickly and easily via the imgix Asset Manager.TypeScript 10 3 days ago
- Craft Image OptimizeAutomatically create & optimize responsive image transforms, using either native Craft transforms or a service like imgix, with zero template changes.PHP 232 10 days ago
- FigmaBrowse, search, and insert image assets into your Figma designs quickly and easily via the imgix Asset Manager.Invalid date
- Salesforce Commerce CloudUse this integration to insert images from imgix's Image Manager into your Salesforce Commerce Cloud websites.JavaScript 1 a year ago
- MagentoBrowse, search, and insert image assets into your storefront quickly and easily via the imgix Image Manager.JavaScript 22 a year ago
- Nuxt ImagePlug-and-play image optimization for Nuxt apps. Resize and transform your images in your code using your imgix images.TypeScript 1125 < 1 day ago
- Superbig Craft PluginA plugin for the Craft CMS that adds full access to the imgix API for manipulating imagesPHP 13 a year ago
- wp-imgixA WordPress plugin that connects to your storage (Amazon S3, Google Cloud, & others) and provides imgix URLs for your site's imagesPHP 12 10 months ago