Image conversion tool

Using the built-in Webflow image conversion tool, you can compress existing image assets (JPEG, JPG, PNG, and WebP assets) by converting them to AVIF or WebP files. This will convert the asset’s file type in both the Assets panel and any instances of that asset on the canvas.

The WebP image file format (e.g., “image.webp”) and AVIF image file format (e.g., “image.avif) retain most of an image’s high quality while compressing it into a smaller file size. This helps web pages load faster and saves website storage space. However, keep in mind that these file formats aren’t supported on all browsers and email clients yet. Check which browsers support WebP or support AVIF.

You can convert as many assets as you want to AVIF or WebP files. However, there is a request limitation of 100 assets per request, and 10 requests per minute. For very large images, we recommend converting them individually.

Important: AVIF and WebP images are not supported for OpenGraph images. We strongly recommend against compressing OpenGraph images into AVIF or WebP formats.

How to convert existing assets in the Assets panel

To compress existing assets:

1. Open Assets panel
2. Click the “Expand Assets panel” icon
3. Select the asset(s) to convert by clicking the “check” icon that appears when hovering over an asset, or by clicking “Select all”
4. Choose a file format (i.e., AVIF or WebP)
5. Click Compress

You can keep working in the Designer (or you can exit the Designer) while you wait for your assets to convert. After you convert your assets, make sure you republish your site.

Important: When you convert existing assets to AVIF or WebP, the original asset files will be replaced by the AVIF or WebP asset. If you want to keep the original image file (e.g., PNG, JPEG, etc.), ensure you have a backup first or download them from the Asset panel before converting. You can't convert an AVIF or WebP image back to its original file extension in Webflow. However, if you accidentally convert existing assets without saving the original files, you can access your original assets by restoring a site backup that contains the original assets.

How to convert existing assets in CMS Collections

To convert all assets in your CMS Collections to AVIF or WebP files:

1. Go to the Collections panel
2. Click the “more options” icon
3. Click Compress assets
4. Choose a file format (i.e., AVIF or WebP)
5. Click Compress

You can keep working in the Designer (or you can exit the Designer) while you wait for your assets to convert. After you convert your assets, make sure you republish your site.

Important: When you convert existing assets to AVIF or WebP, the original asset files will be replaced by the AVIF or WebP asset. If you want to keep the original image file (e.g., PNG, JPEG, etc.), ensure you have a backup first or download them from the Asset panel before converting. You can't convert an AVIF or WebP image back to its original file extension in Webflow. However, if you accidentally convert existing assets without saving the original files, you can access your original assets by restoring a site backup that contains the original assets.

Troubleshooting the image conversion tool

If an asset fails to convert, it may already be compressed as much as possible. You won’t be able to convert fully compressed files.