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, no ads. 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