Turn it on in Studio
- Services → Storage, open the bucket, then its settings.
- Find Image transformations and turn on Enable transformations.
- Choose Allowed output formats and Allowed fits, and set the largest sizes you’ll allow (see Bucket settings).
- Save.
Try it in Studio
- Open an image in the file browser, then the Transform tab.
- Under Try a transformation set Width, Height, Fit, Format, Quality and Rotate.
- The Result shows the picture and the exact address to use. Copy it.
Use it in your app
Options
Photo orientation is applied. Animated images use their first frame. SVG is never rasterised.
In Python,
transform_url accepts width, height, fit (cover, contain, fill, inside, outside), format and quality. In TypeScript, append the options to a URL as above.
Limits and refusals
Everything is bounded by the bucket’s settings:Sizes worth reusing
Each variant is generated once and cached, so reuse a few sizes:
For sharp pictures on high-density screens:
Caching
Variants are cached per original and options, and are purged when you replace the original. Responses carry anETag, and Vary: Accept when you use format=auto, so a CDN keeps the right version for each browser.
Bucket settings
The limits.
Links and URLs
Where the address comes from.