Create image styles
Build ordered image transformations and preview the result.
An image style gives an ordered transformation a stable delivery key. Renditions are generated on demand.
Create a style
- Open Settings → Image styles and select New style.
- Enter a label and stable key.
- Add operations in the order they should run. Available operations include resize, gravity, rotate, blur, sharpen, brightness, contrast, saturation, hue, grayscale, background, rounded corners, and output format.
- If image assets exist, choose one under Preview with and inspect the result.
- Save the style, then request its key from delivery clients.
Viewing styles requires backend.read and imagePreset.read. Creating, editing, and deleting use imagePreset.create, imagePreset.update, and imagePreset.delete respectively.
Transform dimensions and operation values are bounded by the style editor and server validation. Preview uses one selected asset, not a breakpoint or color-mode matrix.