Compress Images for Webflow — Keep Quality, Beat the Limit
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 File Size
4,000 KB
Recommended Format
WebP
Dimensions
Match CSS display dimensions — use 2× for Retina
Webflow Compression Tips
- 1.Webflow supports WebP and AVIF natively — use for best performance
- 2.Set explicit width/height in Webflow image settings to prevent CLS
- 3.Use 2× source images (e.g., 1600px for 800px display) for Retina sharpness
- 4.Enable lazy loading on Webflow images for off-screen content