WebP vs PNG, die kurze Antwort: WebP erzeugt bei gleichem Bild kleinere Dateien, unterstützt Transparenz und funktioniert in allen aktuellen Browsern. Damit ist das WebP-Format die bessere Wahl für Produktfotos in deinem eigenen Webshop. PNG ist verlustfrei und wird überall akzeptiert. Damit ist es das bessere Format für Masterdateien, transparente Freisteller, die du noch bearbeiten willst, und Uploads in Kanäle, die kein WebP annehmen. Nach Googles eigenen Zahlen ist verlustfreies WebP 26 % kleiner als PNG und verlustbehaftetes WebP 25 bis 34 % kleiner als vergleichbares JPEG.
Bei Produktbildern hat die Formatfrage eine zweite Hälfte: was jeder Verkaufskanal akzeptiert. Amazons Bildrichtlinie führt WebP gar nicht auf, Google Merchant Center nimmt WebP, aber kein AVIF, und Shopify empfiehlt, PNG oder JPEG hochzuladen, weil es jedem Browser selbst ein optimiertes Format ausliefert. Im Folgenden findest du die Bildformate im Vergleich, die Kanalregeln nebeneinander und einen sicheren Weg, einen ganzen Katalog zu konvertieren.
PNG, JPEG, WebP und AVIF: Kompression und Transparenz im Vergleich
Die vier Formate, mit denen ein Katalogteam am häufigsten zu tun hat, unterscheiden sich in drei Punkten, die für Produktbilder zählen: ob die Kompression Daten verwirft, ob das Bild einen transparenten Hintergrund haben kann und wie breit es unterstützt wird. Die Fakten unten stammen aus MDNs Leitfaden zu Bildformaten und Googles WebP-Dokumentation.
Bildformate für Produktbilder auf einen Blick
| PNG | Verlustfrei | Ja, voller Alphakanal | Über APNG | Alle Versionen der großen Browser | Masterdateien, Freisteller, Strichzeichnungen, Größentabellen |
|---|---|---|---|---|---|
| JPEG | Verlustbehaftet | Nein | Nein | Alle Versionen der großen Browser | Fotos für Kanäle, die JPEG wollen, etwa Amazon |
| WebP | Verlustbehaftet oder verlustfrei | Ja | Ja | Aktuelle große Browser; Safari 14+ ab macOS Big Sur | Fotos und Freisteller im eigenen Webshop |
| AVIF | Verlustbehaftet oder verlustfrei | Ja | Ja | Chrome, Edge, Opera, Safari und Firefox; MDN rät weiterhin zu einem Fallback | Auslieferung im Webshop mit JPEG- oder WebP-Fallback |
Zwei Punkte in dieser Tabelle sorgen für die meiste Verwirrung. Erstens ist WebP nicht nur ein verlustbehaftetes Format: Verlustfreies WebP behält jedes Pixel wie PNG und ist trotzdem kleiner. Zweitens ist Transparenz nicht auf PNG beschränkt. Laut Googles Dokumentation ist verlustbehaftetes WebP mit Transparenz typischerweise etwa dreimal kleiner als dasselbe Bild als PNG. Das hilft bei freigestellten Produktbildern auf einem farbigen Seitenhintergrund.
Dateigröße: wo WebP gegenüber PNG und JPEG Bytes spart
Kleinere Bilder laden schneller, und auf einer Kategorieseite mit 48 Produkt-Thumbnails summiert sich der Unterschied. Die veröffentlichten Durchschnittswerte von Google:
- Verlustfreies WebP vs PNG: etwa 26 % kleiner.
- Verlustbehaftetes WebP vs JPEG: 25 bis 34 % kleiner bei gleichwertiger SSIM-Qualität.
- Transparenz in verlustfreiem WebP: kostet laut Google nur etwa 22 % mehr Bytes.
Das sind Durchschnittswerte über Testsets, kein Versprechen für deinen Katalog. Ein Produktfoto mit schlichtem weißem Hintergrund komprimiert anders als ein Lifestyle-Foto voller Texturen, und ein PNG einer einfachen Strichzeichnung kann schon winzig sein. Teste zehn typische Bilder aus deinem eigenen Katalog, bevor du Tausende konvertierst, und vergleiche in der Größe, in der das Bild tatsächlich angezeigt wird, nicht bei 100 % Zoom.
AVIF geht bei Fotos meist noch weiter als WebP, aber das Kodieren dauert länger und die Unterstützung ist jünger. MDN empfiehlt für Rasterbilder, WebP oder AVIF zu bevorzugen und per HTML-picture-Element JPEG als Fallback für Fotos und PNG als Fallback für alles mit Transparenz auszuliefern.
Die Pixelmaße zählen oft mehr als das Format. Ein Foto mit 2048 x 2048 px, das als 300-px-Thumbnail auf einer Kategorieseite erscheint, verschwendet weit mehr Bytes, als der Wechsel von JPEG zu WebP spart. Liefere die Größe aus, die jedes Layout braucht, per Responsive Images (srcset) in deinen eigenen Templates oder über die Bildgrößen, die deine Plattform erzeugt, und behalte das große Original für den Zoom und für Kanäle, die 1.000 px oder mehr verlangen.
Transparente Freisteller: wann PNG bleibt und wann du sie auf Weiß setzt
Ein transparenter Freisteller (das Produkt ohne Hintergrund) ist das flexibelste Asset in einem Katalog. Er passt auf jede Seitenfarbe, funktioniert in Bannern und lässt sich für Marktplätze auf Weiß setzen. Bewahre den Master als PNG oder verlustfreies WebP auf, damit jede Bearbeitung in voller Qualität startet, und erstelle die Kanalkopien daraus.
Die Marktplätze wollen die Transparenz allerdings nicht. Amazon verlangt für das Hauptbild einen rein weißen Hintergrund mit den RGB-Werten 255, 255, 255, und bol fordert für das Hauptbild einen weißen, neutralen Hintergrund ohne sichtbare Schatten. Für diese Kanäle setzt du den Freisteller vor dem Upload auf reines Weiß, statt dem Kanal zu überlassen, welche Farbe die leeren Pixel bekommen.
Ein transparentes PNG in JPEG umzuwandeln ist der klassische Fehler: JPEG hat keinen Alphakanal, also wird die transparente Fläche mit einer Farbe gefüllt, die der Konverter wählt, oft Schwarz. Leg die Hintergrundfarbe immer ausdrücklich fest, wenn du Freisteller in JPEG umwandelst.
Welche Bildformate Shopify, Google Merchant Center, Amazon und bol akzeptieren
Jeder Kanal veröffentlicht eigene Regeln, und sie stimmen nicht überein. Geprüft auf den offiziellen Hilfeseiten im Oktober 2026:
Akzeptierte Bildformate und Grenzen pro Kanal
| Shopify | PNG und JPEG empfohlen; außerdem TIFF, BMP, GIF, SVG, HEIC, WebP | Ja | Nicht aufgeführt | Bis 5000 x 5000 px oder 25 MP, unter 20 MB; 2048 x 2048 px für quadratische Bilder empfohlen | Keine Vorgabe von Shopify |
|---|---|---|---|---|---|
| Google Merchant Center | JPEG, WebP, PNG, GIF, BMP, TIFF | Ja | Nicht aufgeführt | Kein Bild über 64 MP oder 16 MB; 1500 x 1500 px empfohlen | Keine Wasserzeichen, Werbetexte oder Logos als Ersatz |
| Amazon | JPEG (empfohlen), TIFF, PNG, nicht animiertes GIF | Nicht aufgeführt | Nicht aufgeführt | 500 bis 10.000 px an der längsten Seite; ab 1.000 px ist Zoom möglich | Hauptbild auf reinem Weiß (255, 255, 255) |
| bol | Auf der Seite mit den Bildregeln nicht angegeben | Nicht angegeben | Nicht angegeben | 30 KB bis 10 MB; 500 x 500 bis 6000 x 6000 px; Zoom ab 1200 x 1200 px | Hauptbild auf weißem, neutralem Hintergrund |
Ein paar Details von diesen Seiten solltest du kennen, bevor du einen Feed aufbaust:
- Shopify konvertiert für dich. Laut der Hilfeseite zu Produktmedien erkennt der Imagery-Dienst, welche Formate der Browser eines Kunden unterstützt, und zeigt das Bild im besten verfügbaren Format. PNG vor dem Upload zu Shopify in WebP umzuwandeln fügt einen verlustbehafteten Schritt ohne Vorteil bei der Auslieferung hinzu. Lade also gute PNG- oder JPEG-Dateien hoch.
- Merchant Center prüft die Dateiendung. Googles image_link-Spezifikation warnt, dass eine Dateiendung, die nicht zum Format passt, etwa ein als .jpg gespeichertes PNG, den Fehler 'Unsupported image type' (nicht unterstützter Bildtyp) auslösen kann. Dieselbe Seite kündigt ab dem 31. Januar 2027 ein Minimum von 500 x 500 Pixeln für alle Produkte an; unser Leitfaden zum Fehler bei zu kleinen Bildern zeigt die Lösung.
- Marktplätze sind die Kanäle für sichere Formate. Schick Amazon JPEG, das empfohlene Format. Die Bildregeln von bol nennen keine Dateiformate, deshalb raten wir dort als vorsichtige Wahl zu JPEG innerhalb der angegebenen Pixel- und Dateigrößen. Die übrigen Inhaltsregeln findest du in unserem Leitfaden für bol.com-Listings.
Formatwahl für Hauptbilder, Galeriebilder und Größentabellen
Eine Produktseite enthält mehrere Arten von Bildern, und nicht alle brauchen dasselbe Format. Eine praktische Aufteilung für einen typischen Katalog:
- Haupt-Packshot auf Weiß: Bewahre ein hochauflösendes JPEG- oder PNG-Original auf. Dein Webshop oder CDN kann daraus WebP oder AVIF ausliefern, und dieselbe Datei geht ohne Konvertierung an Amazon, bol und Merchant Center.
- Galerieansichten und Detailaufnahmen: wie das Hauptbild. In Detailaufnahmen zoomen Käufer hinein, also halte sie für Amazon bei mindestens 1.000 px an der längsten Seite und für den Zoom bei bol bei 1200 x 1200 px.
- Transparente Freisteller: Master als PNG oder verlustfreies WebP, für Marktplätze auf Weiß gesetzt und auf deinen eigenen Seiten als WebP ausgeliefert.
- Lifestyle- und Anwendungsfotos: Verlustbehaftete Formate passen am besten, weil Texturen die Kompression kaschieren. Hier sparen WebP und AVIF die meisten Bytes.
- Größentabellen, Maßzeichnungen und Spezifikationsgrafiken: PNG oder verlustfreies WebP. Verlustbehaftete Kompression verwischt dünne Linien und kleine Zahlen, und das zählt, wenn Käufer ein Maß ablesen.
- Farbmuster: winzige Dateien in jedem Format; die Arbeit steckt darin, die Farbe des Musters an das Produktfoto anzugleichen, nicht in der Kompression.
- Animierte Bilder: WebP und GIF können animiert sein, und Shopify akzeptiert animierte Versionen von beiden. Amazon akzeptiert nur nicht animierte GIFs, und die Bildspezifikation von Merchant Center erwähnt keine Animation. Halte deshalb ein Standbild des ersten Frames als separate Datei für Feeds und Marktplätze bereit.
Smartphones bringen ein sechstes Format ins Spiel: HEIC, der Standard auf iPhones. Shopify akzeptiert HEIC-Uploads, aber HEIC steht nicht auf den Listen von Merchant Center oder Amazon oben. Wandle Handyfotos also in JPEG um, bevor sie in einen Feed oder auf einen Marktplatz gelangen.
Katalogbilder ohne Qualitätsverlust in großen Mengen konvertieren
Ein einzelnes Bild zu konvertieren ist ein Rechtsklick. 8.000 Produktbilder mit je drei bis sechs Ansichten zu konvertieren ist ein Datenprojekt. Es gibt drei übliche Ansätze, und sie passen zu unterschiedlichen Teams:
- Kommandozeilen-Tools. Googles Encoder cwebp und ImageMagick (mit dem Befehl mogrify für ganze Ordner) konvertieren Tausende Dateien in Minuten. Sie sind kostenlos und präzise, aber jemand muss sie skripten, die Originale aufbewahren und die Ergebnisse wieder hochladen.
- Die Plattform machen lassen. Shopifys Imagery-Dienst, Bild-CDNs und WordPress-Bild-Plugins erzeugen WebP- oder AVIF-Kopien bei der Auslieferung. Deine gespeicherten Dateien bleiben PNG oder JPEG und damit gültig für Feeds und Marktplätze.
- Im Produktdaten-Tool konvertieren. Wenn Bilder neben den Produktdaten liegen, kannst du pro Format eine Kanalkopie erstellen und sie mit den richtigen Produkten verknüpfen, statt Dateien von Hand umzubenennen.
Egal mit welchem Tool: Leg drei Dinge ausdrücklich fest, statt auf Standardwerte zu vertrauen. Die Qualitätsstufe (ein üblicher Startwert für verlustbehaftetes WebP liegt bei etwa 80; dann mit bloßem Auge vergleichen und anpassen), das Farbprofil (sRGB ist der sichere Standard für Web- und Marktplatzbilder, und Amazon nennt RGB als bevorzugten Farbmodus) und die maximalen Abmessungen pro Kanal, damit keine 6000-px-Studiodatei an Shopify geht, das Bilder auf 5000 x 5000 px begrenzt.
In WISEPIM ist die dritte Option die Medienbibliothek. Resize & Convert (Skalieren & Konvertieren) ändert die Abmessungen und konvertiert mit einstellbarer Qualität in PNG, JPEG oder WebP, für ein Bild oder für eine Auswahl über Bulk Image Actions (Massenbearbeitung von Bildern). Optimize for Platform (Für Plattform optimieren) wendet eine voreingestellte Größe, ein Format und eine Qualität für ein Ziel wie Shopify, Magento, WooCommerce oder Lightspeed an und warnt, wenn ein Bild kleiner als das Ziel ist, sodass Hochskalieren es unscharf machen würde. Jedes Ergebnis wird als neue Version gespeichert, die du rückgängig machen kannst. AVIF gehört nicht zu den Ausgabeformaten, und nichts wird konvertiert, außer du führst die Aktion aus oder planst sie selbst in einer Automatisierung mit einer Image Action (Bildaktion) auf Convert Format (Format konvertieren).
Bevor du die Bilder eines Katalogs konvertierst
Fünf Fehler bei Bildformaten, die Produkt-Listings kosten
- WebP an einen Kanal schicken, der es nicht aufführt. Amazons Bildrichtlinie nennt JPEG, TIFF, PNG und nicht animiertes GIF. Behalte eine JPEG-Kopie für Marktplätze, auch wenn dein Webshop WebP ausliefert.
- AVIF-URLs in einen Merchant-Center-Feed setzen. AVIF kann auf deinen Produktseiten mit Fallback funktionieren, steht aber nicht auf der image_link-Liste. Lass den Feed also auf eine JPEG-, PNG- oder WebP-Kopie zeigen.
- Metadaten bei der Konvertierung entfernen. Google bittet Händler, das IPTC-Tag DigitalSourceType bei KI-generierten Bildern nicht zu entfernen. Batch-Tools haben oft eine Strip-Option, die es mitlöscht.
- Hochskalieren, um ein Minimum zu erreichen. Amazon bittet Verkäufer ausdrücklich, kleine Bilder nicht künstlich zu vergrößern. Fotografiere neu oder besorge ein größeres Original.
- Verlustbehaftete Dateien wiederholt neu kodieren. Jedes Speichern als JPEG oder verlustbehaftetes WebP kostet etwas mehr Detail. Konvertiere immer vom Original, nie von der zuletzt konvertierten Kopie.
Das Format ist ein Teil der Bildqualität; Alt-Text ist ein anderer, und dabei hilft unser kostenloser Alt-Text-Generator für Bilder. Zur Seitengeschwindigkeit im weiteren Sinn lies unseren Beitrag zu technischem SEO im E-Commerce und den Lexikoneintrag zur Bildoptimierung. Wenn deine Produktbilder über Ordner, Lieferantenlinks und drei Plattformen verteilt sind, hält das Digital Asset Management von WISEPIM sie mit den Produkten verknüpft, zu denen sie gehören, damit eine konvertierte Kopie im richtigen Listing landet.
