Bildoptimierung
Bildoptimierung im E-Commerce lässt Produktbilder ohne sichtbaren Qualitätsverlust schnell laden, mit dem richtigen Format, Größe, Dateinamen und Alt-Text.
Was ist Bildoptimierung?
Bildoptimierung im E-Commerce bedeutet, Produktbilder so leicht und schnell wie möglich zu machen, ohne sichtbaren Qualitätsverlust, und ihnen die richtigen Abmessungen, den richtigen Dateinamen und Alt-Text zu geben. Seiten laden schneller, und Suchmaschinen verstehen, was jedes Bild zeigt. In der Praxis umfasst sie vier Dinge: das richtige Format (WebP oder AVIF auf deiner Website, JPG, wo ein Kanal es verlangt), Komprimierung, Abmessungen, die zur Stelle passen, an der das Bild erscheint, und beschreibenden Text, der Teil, den man oft Bild-SEO nennt. Sie unterscheidet sich von Bildbearbeitung: Optimierung ändert nicht, was auf dem Bild zu sehen ist, nur wie die Datei ausgeliefert wird. Nutze den kostenlosen Alt-Text-Generator für Bilder, um beschreibende Alt-Texte für deine Produktfotos zu schreiben.
Warum Bildoptimierung im E-Commerce wichtig ist
Bilder sind meist der schwerste Teil einer Produktseite und bestimmen daher einen großen Teil ihrer Ladezeit. Eine langsame Seite verliert Besucher, vor allem bei mobilen Verbindungen, und die Seitengeschwindigkeit fließt in die Bewertung durch Suchmaschinen ein. Gleichzeitig schauen Kunden zuerst auf die Bilder: Das Baymard Institute stellte 2018 fest, dass 56 % der Nutzer ihren Besuch auf einer Produktseite mit den Bildern beginnen. Optimierung hält diese Bilder scharf und senkt zugleich die Dateigröße. Gute Dateinamen und Alt-Texte bringen einen zweiten Vorteil: Deine Produkte können in der Bildersuche erscheinen, und die Seite ist für Menschen mit Screenreader zugänglich.
Kostenloses Tool
Schreib Alt-Text für ein Produktbild
Beschreib Produkt, Marke, Farbe, Typ und was auf dem Bild zu sehen ist, und kopier die Alt-Text-Variante, die zu deinem Bild passt.
Beispiele für Bildoptimierung
- 1Vorher: PNG mit 4,8 MB, 5000 px breit, Nachher: WebP, 1200 px breit, Wo: Galerie der Produktseite
- 2Dateiname: Aus IMG_2231.jpg wird esstisch-eiche-180cm.jpg
- 3Alt-Text: Esstisch aus Eiche mit schwarzen Stahlbeinen, 180 cm, Seitenansicht
- 4Ein Webshop liefert mobilen Besuchern über responsive Bildgrößen kleinere Bilder aus, während die Zoomansicht die große Version erst auf Anfrage lädt.
- 5Ein Shop lädt Bilder weiter unten auf der Seite per Lazy Loading, sodass das erste Produktfoto früher erscheint.
So hilft WISEPIM
- Bulk Image Actions, darunter Resize (Skalieren) und Convert (Konvertieren), ändern Größe und Format vieler Produktbilder in einem Durchgang.
- Digital Asset Management hält jedes optimierte Bild mit dem richtigen Produkt und der richtigen Variante verknüpft.
- Quality-Guard-Regeln markieren Produkte ohne Bilder, sodass Lücken vor dem Export sichtbar werden.
- Export und Plattformverbindungen senden dieselben Bilder an jeden verbundenen Kanal.
Häufige Fehler bei Bildoptimierung
- Kamera-Originale mit mehreren Megabyte direkt in den Webshop hochladen.
- So stark komprimieren, dass Farben und Texturen falsch aussehen, was zu Retouren führt.
- Dateinamen wie IMG_0042.jpg verwenden und den Alt-Text leer lassen.
- Ein einziges großes Bild an jede Bildschirmgröße ausliefern.
- Produktfotos mit transparentem Hintergrund in ein Format konvertieren, das keine Transparenz unterstützt.
Tipps zu Bildoptimierung
- Behalte ein hochauflösendes Master-Bild und erzeuge daraus die Webversionen.
- Wähle Abmessungen pro Stelle auf der Seite statt einer Größe für alles.
- Prüfe jedes komprimierte Bild in voller Größe auf Farbverschiebungen, bevor du es veröffentlichst.
- Schreibe Alt-Texte, die das Produkt beschreiben, keine Keyword-Listen.
- Prüfe die Bildregeln jedes Kanals, denn Marketplaces verlangen oft eine Mindestgröße oder einen weißen Hintergrund.
Trends rund um Bildoptimierung
- AVIF und WebP werden zu Standardformaten für Produktbilder.
- Bild-CDNs, die Bilder auf Anfrage skalieren und konvertieren.
- AI-generierte Alt-Texte, die du pro Produkt prüfst und anpasst.
- Core Web Vitals legen mehr Fokus darauf, wie schnell das Hauptproduktbild erscheint.
- AI-Hintergrundentfernung für einheitliche Produktfotos im ganzen Katalog.
Tools für Bildoptimierung
- WISEPIM: ein PIM mit Digital Asset Management und Bulk Image Actions zum Skalieren und Konvertieren von Produktbildern.
- Cloudinary: ein Cloud-Dienst für die Transformation und Auslieferung von Bildern und Videos.
- Imgix: ein Bild-CDN, das Bilder über URL-Parameter skaliert und konvertiert.
- TinyPNG: ein Online-Tool zum Komprimieren von PNG-, JPG- und WebP-Dateien.
- Squoosh: ein kostenloses Browser-Tool, um Komprimierungseinstellungen nebeneinander zu vergleichen.