Compress Images for Webflow — Free & Instant
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's free image optimizer to compress your Webflow images directly in your browser — no account needed, no watermarks, and no ads. Target under 4,000KB per image 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