How to convert assets to AVIF in Webflow

Here is how to convert assets to avif in webflow

First click on the "Assets" button in the left sidebar
Then click the “Expand Assets panel” icon
Select the asset(s) to convert by clicking the “check” icon that appears when hovering over an asset
Then click on the "Compress" button in the top toolbar
In the compression dialog, select "AVIF" as the file format
Finally click the "Compress" button in the dialog to start the compression process

Create your own interactive guide with Guideflow

Why should you convert assets to AVIF in Webflow

Webflow is an innovative design platform that empowers users to build professional web experiences without coding.

Converting assets to AVIF in Webflow is a feature that optimizes your images for faster loading times and better website performance. AVIF, a next-gen image format, offers superior compression, maintaining high quality while reducing file size significantly.

Using AVIF enhances user experience with quicker page loads, contributing to improved SEO and increased engagement by ensuring visuals are crisp and clear.

Last update

March 2, 2026

Tutorials