Warum Produktbilder entscheidend sind
Im E-Commerce sind Produktbilder der wichtigste Conversion-Faktor nach dem Preis. Laut Studien von Shopify und BigCommerce entscheiden 67% der Konsumenten den Kauf primär anhand der Produktbilder — und 22% der Retouren werden damit begründet, dass das Produkt anders aussah als im Bild.
Gleichzeitig müssen Produktbilder schnell laden. Jede Sekunde Ladezeit kostet nach Akamai-Studien 7% Conversion-Rate. Das richtige Gleichgewicht zwischen Bildqualität und Dateigröße ist damit direkt geschäftsrelevant.
Die technischen Grundlagen: Formate und Größen
Das richtige Format für Produktbilder
| Bildtyp | Empfohlenes Format | Warum |
|---|---|---|
| Freigestelltes Produkt auf Weiß | WebP (verlustbehaftet, 88–92%) | Klein + transparent möglich |
| Foto auf transparentem Hintergrund | WebP oder PNG | Alpha-Kanal nötig |
| Lifestyle-Foto mit Hintergrund | WebP oder JPG (80–85%) | Fotos ohne Transparenz |
| Infografik / Produktdetails | PNG oder WebP verlustfrei | Text muss scharf sein |
| Logo / Markenzeichen | SVG oder PNG | Skalierbarkeit |
Optimale Bildgrößen für E-Commerce
Die meisten E-Commerce-Plattformen empfehlen quadratische Produktbilder:
- Shopify: 2048×2048px empfohlen, max. 4472×4472px
- WooCommerce: Standardmäßig 800×800px, Theme-abhängig
- Amazon: Mindestens 1000px auf der längsten Seite (für Zoom), 500×500px Minimum
- Etsy: 2000×2000px empfohlen für Zoom-Funktion
- eBay: 1600px empfohlen
Praktische Empfehlung: 1500×1500px für die meisten Shops. Größer ist selten nötig, kleiner kann Zoom-Funktionen einschränken.
Freistellung: Produkt auf weißem Hintergrund
Für Amazon ist es sogar Pflicht: Das Hauptproduktbild muss auf weißem Hintergrund (#FFFFFF) ohne Schatten sein. Viele andere Plattformen bevorzugen das ebenfalls, da es professioneller wirkt und Produkte vergleichbar macht.
Bei der Freistellung entstehen oft Bilder mit transparentem Hintergrund (PNG). Für Web-Nutzung:
- PNG mit Transparenz → zu WebP konvertieren (kleiner, Transparenz bleibt)
- Oder: weißen Hintergrund einbetten und als JPG/WebP speichern (kleiner als PNG)
Zoom-Funktion und Hochauflösung
Produktzoom-Funktionen (Hover-Zoom auf Desktop, Pinch-to-Zoom auf Mobile) erfordern hochauflösende Bilder. Dabei gilt: Die Zoom-Version kann deutlich aggressiver komprimiert werden als das Thumbnail — bei Zoom-Level schaut der Nutzer auf einen kleinen Bildausschnitt bei dem Komprimierungsartefakte weniger auffallen.
- Thumbnail (200px): Qualität 85%, so klein wie möglich
- Standard (800px): Qualität 80%
- Zoom (2000px+): Qualität 70–75% reicht
Multiple Produktansichten
Mehr Bilder = mehr Conversion. Studien zeigen dass Produkte mit 5+ Bildern deutlich besser konvertieren als solche mit 1–2 Bildern. Typische Ansichten:
- Hauptbild (front, auf Weiß oder Neutral)
- Rückansicht
- Seitenansicht / 45°-Ansicht
- Detail-Aufnahmen (Textur, Material, Verarbeitung)
- Lifestyle-Foto (Produkt in Verwendung)
- Maßangaben / Größenvergleich
- Verpackung (falls relevant)
Alle diese Bilder sollten konsistent optimiert sein — gleiche Größe, gleiches Format, ähnliche Dateigröße.
Wasserzeichen auf Produktbildern
Sollen Produktbilder ein Wasserzeichen bekommen? Meistens nein — Wasserzeichen können professionelle Produkt-Shots entwerten und wirken auf weißem Hintergrund merkwürdig. Ausnahmen:
- Lifestyle-Fotos die für Content-Marketing genutzt werden
- Vorschaubilder für B2B-Kunden vor dem Kauf
- Bilder auf sozialen Medien
Für Hauptprodukt-Bilder im Shop: kein Wasserzeichen. Mit dem Jnrt Pixel Wasserzeichen-Tool lassen sich Bilder für Social-Media-Nutzung mit dezenten Logos versehen.
ALT-Texte für Produktbilder
ALT-Texte sind für E-Commerce-SEO besonders wichtig, da Google-Bildersuche ein relevanter Traffic-Kanal ist. Gute ALT-Texte für Produktbilder:
- Enthalten Produktname und wichtige Attribute (Farbe, Material, Größe)
- Sind präzise aber nicht keyword-überladen
- Unterscheiden sich zwischen verschiedenen Produktansichten
- Beispiel: "Rotes Leder-Portemonnaie für Damen, 12cm × 9cm, Vorderansicht"
Dateibenennung für SEO
Dateinamen werden von Google als Ranking-Signal gelesen. Statt IMG_4821.jpg besser:
rotes-leder-portemonnaie-damen-vorne.webp- Bindestriche als Trenner (kein Unterstrich)
- Wichtige Keywords vorne
- Keine Sonderzeichen, Umlaute oder Leerzeichen
Performance-Ziele für E-Commerce
| Metrik | Ziel | Warum wichtig |
|---|---|---|
| LCP (Hauptbild) | Unter 2,5s | Google-Ranking, Conversion |
| Einzelnes Produktbild | Unter 100 KB | Ladezeit Produktseite |
| Produktliste (16 Thumbnails) | Gesamt unter 800 KB | Kategorie-Seite Ladezeit |
| Zoom-Bild | Unter 400 KB | Wird on-demand geladen |
Workflow: Von der Kamera in den Shop
- 1. Foto aufnehmen — idealerweise mit neutralem/weißem Hintergrund und guter Beleuchtung
- 2. Freistellen — Background-Removal-Tool (remove.bg, Photoshop, Canva)
- 3. Skalieren — auf 1500×1500px mit Jnrt Pixel
- 4. Konvertieren & Komprimieren — JPG/PNG zu WebP, Qualität 80–88%
- 5. Umbenennen — SEO-freundlicher Dateiname
- 6. Hochladen — mit ALT-Text
Fazit
Optimierte Produktbilder sind eine direkte Investition in Conversion-Rate und SEO. Die Kombination aus richtiger Auflösung (1500×1500px), WebP-Format und moderater Komprimierung (80–88%) liefert professionelle Qualität bei schnellen Ladezeiten. Mit Jnrt Pixel lässt sich der Optimierungsworkflow direkt im Browser abwickeln — ohne zusätzliche Software.