Language: EN
Start free

Compress images for Webflow.

Drop your photos and download them under 4 MB, the file-size limit in Webflow's image rules. The quality is lowered first and the pixel dimensions only when needed; the photo is never cropped. It runs in your browser; nothing is uploaded.

Black-dial watch with a mesh strap on white, three-quarter view
Source photo: Plain product photo. Made with Herofab · Packshot studio
Free tool · first use without sign-up

Under 4 MB per image, saved as JPG

Limits come from each platform's own help pages, summarised in the guides (checked 24 September 2026).

Webflow Ecommerce product images: 4 MB maximum per image, one main image plus up to 25 more, responsive variants from 500 to 3,200 px.

Limit used
Under 4 MB per image, saved as JPG
Pixels kept
The rules checked here state no minimum pixel size, so the tool stops before the photo falls under a quarter of its original width.
File size
4 MB maximum for each image
Size
Any image size can be uploaded provided the file is smaller than the 4 MB limit; WebP images have a side length limit of 16,383 pixels
Formats
PNG, JPEG, SVG and WebP are named as the best image formats to upload
Free tool · first use without sign-up

Herofab free tools continue with a free account

The first use of each tool runs without sign-up. From the second use, the tools run with a free Herofab account; files are still processed in the browser and are not uploaded. This way, every free tool remains available with no usage limit.

Questions

Compressing for Webflow, answered.

What is the image file-size limit on Webflow?

4 MB per image, according to the rules summarised in the Webflow guide. This tool saves each photo as a JPG under that size.

Is JPG accepted on Webflow?

Yes. The formats Webflow lists are PNG, JPEG, and WEBP.

Does compressing for Webflow change the pixel size?

Only when lowering the quality is not enough to get under 4 MB. The rules checked here state no minimum pixel size, so the tool stops before the photo falls under a quarter of its original width.

Where do these figures come from?

From Webflow Help Center — Responsive images; Image; Image file types; Image resolution; Multi-image Collection field; Ecommerce Collections overview; Assets panel; Image conversion tool; Import/export Ecommerce products and variants; Include alt text on images, read on 12 October 2026. Marketplaces update their rules; the official page is the final reference.

Get started

Your next collection, shot this week.

20 credits at sign-up, no card required. Images made with free credits carry a watermark.