Webflow-Produktbilder, leicht genug für den Upload.
Webflow legt für Produktbilder keine Pixelgröße fest; seine Grenze gilt der Dateigröße jeder Datei. Das Produktstudio nimmt ein Foto eines Produkts, setzt es auf einen Studiogrund oder in eine Stilszene und liefert es in 2K oder 4K. Ein 2K-PNG kann schwerer sein, als Webflow erlaubt; der JPG-Download ist für einen Webflow-Shop daher die sicherere Datei.
Wo Webflow seine Grenzen zieht.
- 1
Eine Dateigrenze statt einer Bildgröße
Zu Webflow lässt sich jede Bildgröße hochladen, sofern die Datei unter der Grenze für die Dateigröße bleibt. Ein PNG einer detailreichen Szene wird schwer: In 2K kann es diese Grenze überschreiten, und eine 4K-Datei ist noch größer. Der JPG-Download ist die sicherere Datei. Lesen Sie die Dateigröße jeder Datei vor dem Upload ab; die Grenze selbst steht in der Tabelle auf dieser Seite.
- 2
Main image und More images
Ein Webflow-Produkt hat ein Feld Main image und ein Feld More images, das eine begrenzte Zahl weiterer Bilder aufnimmt. SVG-Dateien sind in Bildfeldern von Produkten und Varianten nicht erlaubt. Geben Sie dem Feld Main image die schlichteste Gesamtansicht; die weiteren Plätze können andere Winkel, eine Stilszene und ein nahes Detail aufnehmen, alle aus demselben Quellfoto.
- 3
Responsive Varianten, außer beim Import
Aus einem ausreichend breiten Bild erzeugt Webflow einen Satz schmalerer Varianten, und zwar für Inline-Bilder in JPG, PNG und WebP. Bilder, die über einen CSV-Import oder die API hinzukommen, erhalten keine solchen Varianten, und Webflow sagt, sie sollten bereits die richtige Größe haben und optimiert sein. Ein per Import eingespielter Katalog braucht also vorab vorbereitete Dateien.
Was Webflow verlangt.
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. Geprüft am 12. Oktober 2026.
- 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
Das Foto hinter einer Webflow-Produktseite.
- Machen Sie ein Foto des ganzen Produkts und eine Nahaufnahme seines feinsten Teils, eines Verschlusses, eines Zifferblatts oder eines eingenähten Etiketts; das Feld More images hat neben der Hauptansicht Platz für eine Detailansicht.
- Halten Sie jede Kante des Produkts mit etwas Rand im Bild; ein vom Bildrand abgeschnittener Teil lässt sich nicht originalgetreu ergänzen, welche Szene später auch gewählt wird.
- Notieren Sie Name, Material und Farbe des Produkts, solange es vor Ihnen liegt: Bei Webflow lässt sich für jedes Bild ein Alt-Text setzen, auch für jedes im Feld More images.
Produktfotos für Webflow: Antworten.
Gehört das PNG oder das JPG in einen Webflow-Shop?
In den meisten Fällen das JPG. Webflow begrenzt die Dateigröße jeder Bilddatei, und ein 2K-PNG von Herofab kann schwerer sein als diese Grenze, während das JPG desselben Bildes leichter ist. PNG und JPEG gehören beide zu den Formaten, die Webflow für den Upload nennt. Ist ein PNG gewünscht, sollte zuerst seine Dateigröße abgelesen werden; der kostenlose Bildgrößen-Check prüft eine Datei im Browser gegen die veröffentlichte Grenze von Webflow.
Lässt sich Webflows Konvertierungstool auf Herofab-Bilder anwenden?
Das integrierte Tool von Webflow wandelt JPEG- und PNG-Assets in WebP oder AVIF um. Webflow beschreibt die Umwandlung als verlustbehaftet und sagt, dass sie die Originaldatei ersetzt. Bewahren Sie die von Herofab heruntergeladene Datei vor dem Konvertieren außerhalb von Webflow als Masterkopie auf, und sehen Sie sich nach der Umwandlung feine Schrift auf dem Produkt an.
Wie viele Bilder nimmt ein Webflow-Produkt auf?
Eines im Feld Main image und eine festgelegte Zahl weiterer im Feld More images; die Zahl steht in der Tabelle auf dieser Seite. Das Produktstudio kann das Produkt frontal, im Dreiviertelwinkel, von der Seite oder von oben zeigen, auf schlichtem Grund oder in einer Szene, alles aus einem Quellfoto. Jedes weitere Bild ist eine weitere Datei unter der Grenze für die Dateigröße, und jedes kann seinen eigenen Alt-Text tragen.
Was kostet es?
4 Credits pro Bild, plus ein Credit für 4K. Die Kosten werden vor der Erstellung angezeigt; schlägt ein Auftrag fehl, werden die Credits erstattet. Die 20 kostenlosen Credits bei der Registrierung reichen für 5 Bilder mit diesem Tool.
Ihre nächste Kollektion, noch diese Woche fotografiert.
20 Credits bei der Registrierung, keine Kreditkarte erforderlich. Mit kostenlosen Credits erstellte Bilder tragen ein Wasserzeichen.