Compress AVIF Images for Webflow
Webflow projects are performance-critical. Unoptimized images are the #1 cause of slow Webflow sites. Pre-compressing images ensures fast load times and high Lighthouse scores. Next-generation image format based on the AV1 video codec. Offers superior compression to both WebP and JPEG. Use ImageSmith to compress your AVIF images to the ideal file size for Webflow — target under 4,000KB for optimal performance. Processing is fully browser-based — no server uploads, no privacy risk.
Recommended format
WebP
Max file size
4,000KB
Dimensions
Match CSS display dimensions — use 2× for Retina
✓Webflow supports WebP and AVIF natively — use for best performance
✓Set explicit width/height in Webflow image settings to prevent CLS
✓Use 2× source images (e.g., 1600px for 800px display) for Retina sharpness
✓Enable lazy loading on Webflow images for off-screen content