Produktfotos sind ein Conversion-Hebel, kein Asset

Eine BigCommerce-Studie aus 2024: 22 % der Online-Käufer geben „Bildqualität" als Hauptgrund für eine Kaufentscheidung an, mehr als Beschreibungstexte (18 %) oder Bewertungen (20 %). Wer Produktfotos schlecht aufbereitet, verliert Verkäufe ohne es zu merken — die Conversion-Rate sinkt, ohne dass eine konkrete Fehlermeldung auftaucht.

Eine Grundlagen-Übersicht findest du in unserem E-Commerce-Bilder-Grundlagen-Beitrag; hier geht es um die konkreten Plattform-Anforderungen 2026.

Plattform-spezifische Mindest-Anforderungen

Shopify (2026)

  • Empfehlung: 2048 × 2048 px für Zoom-fähige Produkte.
  • Max-Auflösung: 4472 × 4472 (20 MP).
  • Datei-Größe: 20 MB Maximum.
  • Aspect-Ratio: 1:1 für Galerie-Konsistenz empfohlen.
  • Format: JPG, PNG, WebP. AVIF wird seit 2024 unterstützt aber nicht generiert.

WooCommerce

Die Bildgrößen kommen aus dem WordPress-Kern: Single, Catalog, Thumbnail. Standard ab WooCommerce 4.5: 800 × 800 px für die Hauptansicht. Für hochwertige Shops mindestens 1200 × 1200. Theme-spezifisch übersteuerbar.

Etsy

  • Empfehlung: 2000 × 2000 px für alle 10 Listing-Bilder.
  • Format: JPG, PNG, GIF (max. 1 MB).
  • Verhältnis: 4:3 oder 1:1. 4:3 ist Etsy-Default.

Amazon

  • Main-Image: mindestens 1000 × 1000 px für Zoom-Funktion. Empfohlen 2000 × 2000.
  • Hintergrund: reinweiß (RGB 255,255,255).
  • Format: JPG bevorzugt, PNG erlaubt, TIFF auch.
  • Produkt-Anteil: mindestens 85 % der Bildfläche.

Die fünf Standard-Crops

Profi-Shops liefern jedes Produkt in fünf Crop-Varianten:

  1. Hauptaufnahme (Hero). 1:1, Produkt zentriert.
  2. Detail-Crop. Close-up auf wichtige Features (Material, Logo, Naht).
  3. Lifestyle. Produkt im Einsatz (Person trägt die Jacke, Kaffee in der Tasse).
  4. Side-View. 90°-gedreht für Form-Wahrnehmung.
  5. Scale-Vergleich. Produkt neben Referenz (Hand, Münze, Maßstab).

Diese Standard-Set erhöht laut Baymard-Studie die Conversion-Rate um 30–60 % gegenüber Single-Image-Listings.

Hintergrund: weiß, transparent oder kontextuell?

Drei Strategien:

  • Reinweiß (Amazon-Style). RGB 255,255,255. Pflicht bei Amazon- Hauptbild, empfohlen bei großen Marktplätzen. Wirkt steril, aber maximal kompatibel.
  • Transparenz (PNG/WebP-Alpha). Produkt steht auf dem Theme- Hintergrund. Funktioniert hervorragend bei Dark-Mode-Shops, braucht Background-Removal-Pipeline.
  • Kontextueller Hintergrund. Holzboden, Marmor, Lifestyle. Wirkt wärmer, weniger steril, weniger gut vergleichbar. Etsy- und Boutique-typisch.

Performance-Pipeline

Eine moderne E-Commerce-Produktfoto-Pipeline 2026 hat fünf Stufen:

  1. Master-Datei. 4000 × 4000 px Original-RAW oder verlustfreies TIFF für späteres Re-Sampling.
  2. Background-Removal. Wenn nötig, mit BiRefNet oder Remove.bg.
  3. Standard-Crops. Aus dem Master die fünf Varianten generieren.
  4. Format-Cascade. Pro Crop: AVIF + WebP + JPG, ausgeliefert via <picture>.
  5. CDN-Auslieferung. Vercel/Cloudflare/Shopify-CDN mit Cache-Control: immutable.

Eine pragmatische Empfehlung zur CDN-Wahl in unserem Image-CDN-Beitrag.

Mobile-First-Pflicht

73 % der E-Commerce-Sessions kommen 2026 von Mobile (Statista). Das bedeutet:

  • Auflösung: ein 1200 × 1200-WebP genügt für 90 % der mobilen Anzeigen. 2000 × 2000 nur für Zoom-Funktion vorhalten.
  • Bandbreite: Foto-Galerien mit 10 Produktbildern à 500 KB = 5 MB Initial-Load. Lazy-Load alles außer dem ersten Bild, sonst leidet LCP.
  • Touch-Targets: Bild-Navigations-Pfeile mindestens 44×44 px (WCAG). Carousel-Punkte mindestens 32×32 px.

Schema.org Product mit Bildern

Strukturierte Daten helfen, dass Produkt-Bilder in Google-Shopping, Lens-Suche und AI Overviews auftauchen:

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Stuhl Marlene",
  "image": [
    "https://shop.example.com/stuhl-marlene-hero.jpg",
    "https://shop.example.com/stuhl-marlene-detail.jpg",
    "https://shop.example.com/stuhl-marlene-lifestyle.jpg"
  ],
  "description": "…",
  "sku": "MAR-001",
  "brand": { "@type": "Brand", "name": "Hommade" }
}

Häufige Fehler 2026

  • Alle Bilder im selben Format. Wer 10 PNG-Produktbilder à 800 KB ausliefert, lädt 8 MB. WebP/AVIF spart die Hälfte.
  • Hintergrund nicht konsistent. Mal weiß, mal grau, mal Holz. Wirkt chaotisch in Galerie-Übersicht.
  • Falsche Aspect-Ratio. Wenn die Galerie 1:1 erwartet und das Bild 4:3 ist, beschneidet die Plattform automatisch — oft schlecht.
  • Watermarks oder Logos im Produktbild. Marktplätze entfernen das oft automatisch oder lehnen das Listing ab.
  • Kein alt-Text. Verschenkt Image-SEO-Potenzial. Siehe unseren Bilder-SEO-Beitrag.

Tools-Empfehlung

  • Background-Removal: BiRefNet (lokal), Remove.bg (Cloud, $0.20/Bild).
  • Batch-Crop: Photoshop-Action oder ImageMagick-Skript.
  • Format-Konvertierung: Sharp (Node.js) oder unsere JPG-zu-WebP-Tool.
  • Skalieren: Lanczos für Down-Sampling, Real-ESRGAN für Up-Sampling (siehe KI-Upscaling-Beitrag).

Quellen

Shopify — Product image requirements · Amazon Seller Central — Product image requirements · Etsy — Photography requirements · WooCommerce — Product Images · Baymard Institute — Product Images Research · Schema.org — Product · Statista — Mobile Commerce Share.