Compress 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. Use ImageSmith to compress your Webflow images before sending — free, instant, and entirely in your browser. No account needed, no watermarks. Target under 4,000KB for best results on Webflow.
Max size
4,000 KB
Format
WebP
Size
Match CSS display dimensions — use 2× for Retina
- 1Webflow supports WebP and AVIF natively — use for best performance
- 2Set explicit width/height in Webflow image settings to prevent CLS
- 3Use 2× source images (e.g., 1600px for 800px display) for Retina sharpness
- 4Enable lazy loading on Webflow images for off-screen content
Compress by format
Other platforms
Webflow image compression FAQ
WebP is the best choice for Webflow as it offers 25–35% smaller files than JPEG with excellent browser support. Webflow also supports AVIF for even greater compression on modern browsers.