--- title: "Webflow product image requirements | Herofab" description: "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." url: https://herofab.app/guides/webflow-ecommerce-product-image-size language: en updated: 2026-10-12 --- # Webflow product image requirements 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. ![Black-dial watch with a mesh strap on white, three-quarter view](https://herofab.app/img/ex/watch-packshot-1100.webp) Made with Herofab · Packshot studio ## All Webflow image requirements Source: [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](https://help.webflow.com/hc/en-us/articles/33961378697107-Responsive-images). Checked 12 October 2026. [Read again · 12 October 2026](https://herofab.app/guides/marketplace-image-rule-changes) - **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 - **Not allowed:** SVG images in product and variant image fields, and animated AVIF files - **Number:** A product has one Main image field and a More images multi-image field, which holds up to 25 images - **Responsive images:** For an image wider than 3,200 pixels Webflow generates 7 variants at 3,200, 2,600, 2,000, 1,600, 1,080, 800 and 500 pixels; variants are made for inline JPG, PNG and WebP images - **CSV and API imports:** Images added through a CSV import or the API do not get responsive variants, so they should already be the right size and optimised - **WebP and AVIF:** JPEG and PNG assets can be converted to WebP or AVIF with the built-in conversion tool; the conversion is lossy and replaces the original file - **Alt text:** Alt text can be set for each image, including each image in a multi-image field; Webflow AI can generate it for JPG, PNG, GIF, WebP and AVIF [Check your images — free](https://herofab.app/tools/image-size-checker) ## What Webflow asks for, covered. Webflow sets no pixel size for product images, only a limit of 4 MB per file. A 2K PNG can weigh more than that, so the JPG download is the safer file. Square 2K output is 2,048 pixels wide. A product takes one main image and up to 25 more, which leaves room for several poses, a ghost mannequin view and a detail shot. Images made on a plan or with a credit pack carry no watermark or added text. ### JPG under 4 MB Herofab images can be downloaded as PNG or JPG; a 2K PNG can exceed Webflow's 4 MB limit. ### Room for every view One main image and up to 25 more leave room for several poses, a ghost mannequin view and a detail shot. ### No watermark or added text Images made on a plan or with a credit pack carry no watermark or added text. [Start free](https://app.herofab.app/login?lang=en) ## Webflow, answered. **What size should Webflow product images be?** 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. **How large can a product image file be on Webflow?** 4 MB maximum for each image. Source: 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, checked 12 October 2026. **Which file formats does Webflow accept for product images?** PNG, JPEG, SVG and WebP are named as the best image formats to upload. Source: 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, checked 12 October 2026. **What is not allowed in product images on Webflow?** SVG images in product and variant image fields, and animated AVIF files. Source: 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, checked 12 October 2026. **How many images per product on Webflow?** A product has one Main image field and a More images multi-image field, which holds up to 25 images. Source: 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, checked 12 October 2026. **Can I check my images before uploading?** Yes. The free [image size checker](https://herofab.app/tools/image-size-checker) reads each file in your browser and tests it against these rules; the image is not uploaded. **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](https://help.webflow.com/hc/en-us/articles/33961378697107-Responsive-images) is the final reference. [Virtual try-on](https://herofab.app/tools/virtual-try-on) · [Background removal](https://herofab.app/tools/background-remover) · [All guides](https://herofab.app/guides/)