Image Optimizer for Webflow
Resize and convert images to WebP before you upload them. Everything happens in your browser, so your images never leave your computer.
Choose up to 50 images, or drop them anywhere on this card.
Images are the heaviest part of most Webflow sites.
Upload the right size
Webflow makes smaller versions for responsive images, but it starts from what you upload. A 5000 px photo still costs you on every page.
WebP is much lighter
WebP files are usually far smaller than JPG or PNG at the same quality, and every modern browser shows them.
Nothing is uploaded
Your images are processed on your own computer. Nothing is sent to a server, so client images stay private.
What to pick for each place.
Hero and full-width images
1600 to 2400 px wide, WebP, quality 80. Set the hero image to load eagerly in Webflow.
Cards and content images
800 to 1200 px wide, WebP, quality 80. Keep lazy loading on.
Logos and icons
Use SVG where you can. For PNG logos, keep the same format and a small width.