Listing-Optimierung
Produktfotos komprimieren, ohne Qualität zu verlieren
· 4 min read
Verkleinern Sie ein Produktfoto auf die Pixelmaße, in denen es tatsächlich angezeigt wird, und exportieren Sie es dann als WebP oder AVIF. Beide sind bei gleicher visueller Qualität typischerweise 25 bis 50 Prozent kleiner als JPEG. Peilen Sie je nach Rolle auf der Seite etwa 100 bis 300KB pro Bild an. Googles Benchmark Largest Contentful Paint stuft eine Seite ab 2,5 Sekunden als langsam ein, und ein zu großes Hauptbild ist oft das einzige Element, das dafür verantwortlich ist.
Mit RorlAI erledigenProduct: Clean studio backdrop for anything boxed or bottled.Warum die Dateigröße ein Conversion-Problem ist und nicht nur ein Ladeproblem
Largest Contentful Paint misst, wie lange das größte sichtbare Element einer Seite braucht, bis es vollständig dargestellt ist. Nach Googles eigenen Schwellenwerten gilt alles unter 2,5 Sekunden als gut, 2,5 bis 4 Sekunden als verbesserungswürdig und alles über 4 Sekunden als schlecht. Auf einer Produktseite ist das größte sichtbare Element fast immer das Hauptfoto. Eine einzige überdimensionierte Bilddatei kann also allein darüber entscheiden, ob Ihre Produktseite den Benchmark besteht, egal wie schnell der Rest der Seite lädt.
Das ist keine abstrakte Punkteübung. Ein langsam ladendes Hauptfoto ist das Erste, was ein Käufer in Ihrem Angebot erlebt, noch bevor er ein Wort der Beschreibung gelesen oder den Preis gesehen hat.
Ein realistisches Größenbudget
| Rolle des Bildes | Sinnvolles Ziel |
|---|---|
| Hauptfoto, zoombar | 150 bis 300KB |
| Zweites Galeriebild oder Vorschaubild | 60 bis 120KB |
| Mobiles Hauptbild, im sichtbaren Bereich | unter etwa 150 bis 200KB |
Das sind Arbeitswerte aus aktuellen Leitfäden zur Bildoptimierung und keine offizielle Vorgabe einer einzelnen Plattform; sie schwanken je nach Komplexität des Bildes etwas. Ein schlichtes Produkt auf weißem Hintergrund lässt sich weiter komprimieren als eine bewegte Szene, bevor der Qualitätsverlust sichtbar wird. Sehen Sie die Tabelle also als Obergrenze und nicht als Wert, den Sie exakt treffen müssen.
Die Reihenfolge der Schritte, die wirklich Bytes spart
- 1Erst verkleinern, dann komprimierenEine Kamera oder ein Generierungstool exportiert häufig mit 3000 bis 4000 Pixeln Breite. Wird das Foto auf Ihrer Seite in einem 1200 Pixel breiten Bereich gezeigt, verkleinern Sie es zuerst auf etwa diese Breite. Ein zu großes Bild zu komprimieren heißt, weiterhin ein zu großes Bild auszuliefern, nur etwas kleiner.
- 2Als WebP exportieren, wo Ihre Plattform es unterstütztWebP ist bei gleicher visueller Qualität häufig 25 bis 35 Prozent kleiner als JPEG, AVIF kann noch weiter gehen. Die meisten aktuellen E-Commerce-Plattformen und Browser unterstützen WebP. Prüfen Sie, ob Ihre Plattform es automatisch ausliefert oder ob die Datei direkt in diesem Format hochgeladen werden muss.
- 3JPEG-Qualität auf etwa 70 bis 85 setzen, wenn WebP nicht infrage kommtDie Standard-Exporteinstellungen von Bildbearbeitungsprogrammen sind oft unnötig hoch. Eine Qualitätsstufe in diesem Bereich ist bei den meisten Produktfotos optisch vom Original nicht zu unterscheiden und deutlich kleiner als ein Export mit 100 Prozent.
- 4Eingebettete Metadaten entfernenKameraeinstellungen, Farbprofile über den Bedarf der Seite hinaus und GPS-Daten, die manche Smartphones einbetten, fügen Dateigewicht hinzu, das ein Käufer nie sieht. Die meisten Kompressionstools entfernen sie standardmäßig; prüfen Sie, ob Ihres das tut.
Der wichtigste Unterschied:
- Verlustfreie Kompression behält jedes Pixel genau so, wie es aufgenommen wurde, und verkleinert ein Foto kaum. Sie eignet sich für Grafiken mit flachen Farben und scharfen Kanten, nicht für Fotografie
- Verlustbehaftete Kompression verwirft Daten, die das menschliche Auge kaum bemerkt, und genau dort liegt bei einem Foto die eigentliche Ersparnis
- Ein moderner Encoder, richtig eingestellt, landet weit unter dem Punkt, an dem ein Käufer den Unterschied bemerkt, lange bevor er den Punkt erreicht, an dem Sie ihn bemerken würden
Wo ein generiertes oder bearbeitetes Foto hineinpasst
Ein Foto aus einem beliebigen Bearbeitungs- oder Generierungstool braucht denselben Schritt aus Verkleinern und Komprimieren wie ein Foto direkt aus der Kamera. Diese Tools exportieren standardmäßig oft in voller Auflösung, und ein Export in voller Auflösung hat dasselbe Gewichtsproblem, egal ob die Pixel von einem Sensor oder einem Modell stammen. Behandeln Sie es als Rohdatei, die auf dasselbe Budget wartet, nicht als fertiges Asset.
Common questions
- Sehen meine Produktfotos nach der Kompression schlechter aus?
- Bei einer vernünftigen Einstellung nicht. Verlustbehaftete Kompression in den hier beschriebenen Bereichen verwirft Details, die das menschliche Auge nicht wahrnimmt. Ein richtig komprimiertes Foto sieht in normaler Betrachtungsgröße identisch aus und lädt in einem Bruchteil der Zeit.
- Sollte ich WebP verwenden oder bei JPEG bleiben?
- Nutzen Sie WebP, wenn Ihre Shop-Plattform es unterstützt, denn es ist bei gleicher Qualität typischerweise 25 bis 35 Prozent kleiner als JPEG. Greifen Sie nur dann auf ein gut eingestelltes JPEG zurück, wenn Ihre Plattform oder Ihr Theme WebP nicht automatisch ausliefert.
- Brauche ich getrennte Bildgrößen für Mobilgeräte und Desktop?
- Idealerweise ja. Ein mobiler Käufer sieht das Foto auf deutlich kleinerem Raum als ein Desktop-Käufer. Eine kleinere Datei für Mobilgeräte spart daher echte Ladezeit, ohne dass auf diesem Bildschirm Qualität sichtbar verloren geht.
- Beeinflusst die Bilddateigröße wirklich den Umsatz oder nur einen Geschwindigkeitswert?
- Seitengeschwindigkeit und Conversion hängen so eng zusammen, dass die meisten E-Commerce-Plattformen sie inzwischen als Ranking- und Conversion-Faktor behandeln und nicht nur als Laborwert. Ein Hauptbild, das die Seite allein über die 2,5-Sekunden-Schwelle von Largest Contentful Paint schiebt, ist eine reale, messbare Verlangsamung, die ein Käufer erlebt, und kein abstrakter Wert.