--- title: "Webflow Produktbilder: Anforderungen | Herofab" description: "Webflow-Ecommerce-Produktbilder: höchstens 4 MB pro Bild, ein Hauptbild plus bis zu 25 weitere, responsive Varianten von 500 bis 3.200 px." url: https://herofab.app/de/guides/webflow-ecommerce-product-image-size language: de updated: 2026-10-12 --- # Webflow Produktbilder: Anforderungen Webflow-Ecommerce-Produktbilder: höchstens 4 MB pro Bild, ein Hauptbild plus bis zu 25 weitere, responsive Varianten von 500 bis 3.200 px. ![Uhr mit schwarzem Zifferblatt und Milanaise-Armband auf Weiß, Dreiviertelansicht](https://herofab.app/img/ex/watch-packshot-1100.webp) Erstellt mit Herofab · Packshot-Studio ## Alle Bildanforderungen von Webflow Quelle: [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). Geprüft am 12. Oktober 2026. [Erneut gelesen · 12. Oktober 2026](https://herofab.app/de/guides/marketplace-image-rule-changes) - **Dateigröße:** Höchstens 4 MB für jedes Bild - **Größe:** Jede Bildgröße kann hochgeladen werden, solange die Datei kleiner als die Grenze von 4 MB ist; für WebP-Bilder gilt eine maximale Seitenlänge von 16.383 Pixeln - **Formate:** PNG, JPEG, SVG und WebP werden als die besten Bildformate für den Upload genannt - **Nicht erlaubt:** SVG-Bilder in den Bildfeldern für Produkte und Varianten sowie animierte AVIF-Dateien - **Anzahl:** Ein Produkt hat ein Feld „Main image“ und ein Mehrbildfeld „More images“, das bis zu 25 Bilder aufnimmt - **Responsive Bilder:** Für ein Bild, das breiter als 3.200 Pixel ist, erzeugt Webflow 7 Varianten mit 3.200, 2.600, 2.000, 1.600, 1.080, 800 und 500 Pixeln; Varianten entstehen für Inline-Bilder in JPG, PNG und WebP - **CSV- und API-Importe:** Bilder, die per CSV-Import oder über die API hinzugefügt werden, erhalten keine responsiven Varianten; sie sollten daher bereits die richtige Größe haben und optimiert sein - **WebP und AVIF:** JPEG- und PNG-Assets lassen sich mit dem integrierten Konvertierungstool in WebP oder AVIF umwandeln; die Umwandlung ist verlustbehaftet und ersetzt die Originaldatei - **Alt-Text:** Alt-Text lässt sich für jedes Bild festlegen, auch für jedes Bild in einem Mehrbildfeld; Webflow AI kann ihn für JPG, PNG, GIF, WebP und AVIF erzeugen [Bilder kostenlos prüfen](https://herofab.app/de/tools/image-size-checker) ## Was Webflow verlangt, erfüllt. Webflow legt für Produktbilder keine Pixelgröße fest, nur eine Grenze von 4 MB pro Datei. Ein 2K-PNG kann schwerer sein; der JPG-Download ist daher die sicherere Datei. Die quadratische 2K-Ausgabe ist 2.048 Pixel breit. Ein Produkt nimmt ein Hauptbild und bis zu 25 weitere auf; das lässt Platz für mehrere Posen, eine Ghost-Mannequin-Ansicht und eine Detailaufnahme. Mit einem Tarif oder Credit-Paket erstellte Bilder tragen kein Wasserzeichen und keinen hinzugefügten Text. ### JPG unter 4 MB Herofab-Bilder lassen sich als PNG oder JPG herunterladen; ein 2K-PNG kann die 4-MB-Grenze von Webflow überschreiten. ### Platz für jede Ansicht Ein Hauptbild und bis zu 25 weitere lassen Platz für mehrere Posen, eine Ghost-Mannequin-Ansicht und eine Detailaufnahme. ### Kein Wasserzeichen, kein Zusatztext Mit einem Tarif oder Credit-Paket erstellte Bilder tragen kein Wasserzeichen und keinen hinzugefügten Text. [Kostenlos starten](https://app.herofab.app/login?lang=de) ## Webflow: Antworten. **Wie groß sollten Produktbilder für Webflow sein?** Webflow-Ecommerce-Produktbilder: höchstens 4 MB pro Bild, ein Hauptbild plus bis zu 25 weitere, responsive Varianten von 500 bis 3.200 px. **Wie groß darf die Datei eines Produktbildes bei Webflow sein?** Höchstens 4 MB für jedes Bild. Quelle: 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, gelesen am 12. Oktober 2026. **Welche Dateiformate akzeptiert Webflow für Produktbilder?** PNG, JPEG, SVG und WebP werden als die besten Bildformate für den Upload genannt. Quelle: 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, gelesen am 12. Oktober 2026. **Was ist bei Webflow in Produktbildern nicht erlaubt?** SVG-Bilder in den Bildfeldern für Produkte und Varianten sowie animierte AVIF-Dateien. Quelle: 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, gelesen am 12. Oktober 2026. **Wie viele Bilder pro Produkt bei Webflow?** Ein Produkt hat ein Feld „Main image“ und ein Mehrbildfeld „More images“, das bis zu 25 Bilder aufnimmt. Quelle: 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, gelesen am 12. Oktober 2026. **Kann ich meine Bilder vor dem Hochladen prüfen?** Ja. Der kostenlose [Bildgrößen-Check](https://herofab.app/de/tools/image-size-checker) liest jede Datei in Ihrem Browser und prüft sie gegen diese Regeln; das Bild wird nicht hochgeladen. **Woher stammen diese Angaben?** Aus 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, gelesen am 12. Oktober 2026. Marktplätze aktualisieren ihre Regeln; maßgeblich ist die [offizielle Seite](https://help.webflow.com/hc/en-us/articles/33961378697107-Responsive-images). [Virtuelle Anprobe](https://herofab.app/de/tools/virtual-try-on) · [Freistellen](https://herofab.app/de/tools/background-remover) · [Alle Leitfäden](https://herofab.app/de/guides/)