Assets and the image converter
The Assets panel lists every image on your site, flags the heavy ones and converts them to WebP or AVIF, or compresses them in their own format. The work runs in your browser, and the new file joins your draft.
On this page
The Assets panel on a bakery site: content images for the menu, the site's own images and an icon, each with its size, the 1.4 MB hero.jpg picked and flagged as large, with Compress, WebP and AVIF.
Find your imagesLink to this section
Open Assets in the rail beside the canvas. Images are grouped the way your site uses them: content images by collection, the site's own images, and icons. Search, filter by group, and sort by size to see what to fix first. Images over 200 KB are marked in amber. The image converter is on every plan.
Upload PNG, JPEG, WebP, GIF, AVIF or SVG files with Upload. To swap an image, pick it in the panel, select an image on the page, and swap it in one click. On Sanity sites, the Sanity media library shows here too.
Convert or compress an imageLink to this section
Pick the image
Choose an image in the Assets panel.
Choose Compress, WebP or AVIF
Xodia converts it on your computer, saves it next to the original and updates the files that use it, then says how much it saved.
Save
The new file is part of your draft. Save it with the rest of your changes.
| File | What you can do |
|---|---|
| PNG and JPEG | Convert to WebP or AVIF, or compress in their own format |
| WebP | Convert to AVIF, or compress |
| BMP | Convert to WebP or AVIF |
| SVG and GIF | Compress in place; an animated GIF keeps its animation |
- Compress keeps the name and format, so nothing that uses the image has to change.
- WebP and AVIF write a new file and point the pages at it. The original stays only if its name still appears somewhere.
- Animated PNG and WebP files are left as they are, so no frame is lost.
- Images imported in code, as on Next.js, can be compressed. To switch one to a new format, ask your AI to change the import.