Shopify gibt Ihnen mehr Upload-Spielraum als jeder Marktplatz — 5000×5000 Pixel, 20 MB pro Datei, mehrere Formate. Diese Freiheit ist zugleich die Falle. Verkäufer laden hoch, was aus der Kamera kommt, Themes schneiden Bilder unerwartet zu, Mobile-Besucher warten vier Sekunden auf das Hero-Bild, und die Absprungrate steigt leise an. Dieser Artikel beantwortet die zehn Fragen, die Shopify-Händler tatsächlich zu Produktbildern stellen — Specs, Themes, Performance, SEO und Varianten — mit den Zahlen, die Sie für Ihre Entscheidung brauchen.
Wie groß sollten Shopify-Produktbilder sein?
Laden Sie in 2048×2048 Pixel, quadratisch hoch. Das ist die von Shopifys eigener Dokumentation empfohlene Master-Größe, und auf ihr basieren alle wichtigen Themes.
| Bildrolle | Empfohlene Größe | Seitenverhältnis | Begründung |
|---|---|---|---|
| Produktbild (Master) | 2048×2048 px | 1:1 | Zoom + Retina-Rendering |
| Produktbild (Minimum) | 800×800 px | 1:1 | Darunter funktioniert der Zoom nicht mehr |
| Kollektionsbild | 1024×1024 px | 1:1 | Theme-Anzeigeraster |
| Hero / Banner | 1920×1080 px | 16:9 | Desktop in voller Breite |
| Slideshow | 1600×500 bis 1920×600 px | 3:1 bis 4:1 | Theme-abhängig |
| Logo | 450×200 px | ca. 2:1 | Anzeige im Header |
| Favicon | 32×32 px | 1:1 | Browser-Tab |
Harte Upload-Grenzen: 5000×5000 px, 20 MB. Größeres wird abgelehnt. Aber „hochladbar" und „empfehlenswert hochzuladen" sind zwei paar Schuhe — siehe Abschnitt zur Dateigröße unten.
Welche Dateigröße hält Seiten schnell?
Shopifys eigene Empfehlung legt die Arbeitszielgröße auf 200–500 KB pro Produktbild, mobile-lastige Shops sollten eher auf 200–300 KB zielen.
Warum das wichtig ist: Jede 100 KB Bildgewicht fügen auf einer 4G-Mobilverbindung etwa 150 bis 300 ms Ladezeit hinzu. Eine Produktseite mit 10 Bildern à 2 MB ergibt 20 MB Payload — das sind über 30 Sekunden Ladezeit in langsameren Mobilfunknetzen, was Shopifys Telemetrie stark mit Warenkorbabbrüchen korreliert.
| Bildgewicht | Ladezeit (4G) | Konsequenz |
|---|---|---|
| <200 KB | <1 s | Schnell, keine wahrgenommene Verzögerung |
| 200–500 KB | 1–2 s | Akzeptabel für Hero/Produktbilder |
| 500 KB–1 MB | 2–4 s | Spürbare Verzögerung, Absprungrisiko steigt |
| >1 MB | >4 s | Deutlicher Absprung auf Mobile |
Shopify komprimiert automatisch und liefert WebP-Varianten aus, aber nur wenn Ihre Quelle optimiert ist. Laden Sie eine 15-MB-PNG hoch, komprimiert Shopify sie zwar, aber konservativ — Sie erzielen bessere Ergebnisse, wenn Sie vor dem Upload auf JPEG Qualität 80-85 komprimieren.
Soll ich JPEG, PNG, WebP oder SVG verwenden?
Die Formatwahl hängt vom Bildtyp ab.
| Format | Einsatz für | Vermeiden bei | Hinweise |
|---|---|---|---|
| JPEG | Produktfotos, Lifestyle-Aufnahmen | Bilder mit Transparenzbedarf | Qualität 80-85 ist der Sweet Spot |
| PNG | Logos, Icons, Infografiken mit Transparenz | Fotografien (aufgeblähte Datei) | Nur verwenden, wenn Sie einen Alphakanal brauchen |
| WebP | Alles (sofern exportierbar) | Alte Browser (in 2026 kaum relevant) | 25-35 % kleiner als JPEG bei gleicher Qualität |
| SVG | Icons, Logos, einfache Grafiken | Produktfotos | Unendlich skalierbar, minimale Dateigröße |
| GIF | Animierte Demos (sparsam) | Alles andere | Nutzen Sie lieber MP4/WebM für Animationen |
Shopify liefert WebP automatisch an kompatible Browser aus, egal was Sie hochladen — der Upload-Format-Stress entfällt also. Achten Sie darauf, dass die Quelle hochwertig ist und das Größenziel einhält. JPEG mit Qualität 85 ist der sichere Default für Produktfotografie.
Muss ich auf Shopify quadratische Bilder verwenden?
Nein — aber wahrscheinlich sollten Sie. Die meisten Shopify-Themes zeigen standardmäßig quadratische Raster, und nicht-quadratische Uploads werden beschnitten. Erwartet Ihr Theme 1:1 und Sie laden 4:3 hoch, wird entweder die Ober- oder Unterseite abgeschnitten, oder das Bild schwebt in einer weißen Box, die neben anderen Bildern inkonsistent wirkt.
Wann quadratisch funktioniert: Produktstandardraster, Kollektionsseiten, Suchergebnisse, Karussells für verwandte Produkte. Das sind 90 % der Anwendungsfälle.
Wann Sie Hochformat (3:4 oder 4:5) wählen könnten: Modeshops, die auf Ganzkörper-On-Model-Aufnahmen setzen, bei denen vertikale Komposition zählt. Das erfordert ein Theme, das explizit auf Hochformat ausgelegt ist (Dawn mit entsprechenden Einstellungen, Impact, Impulse) — zwingen Sie Hochformat nicht in ein quadratisches Default-Theme.
Wann Querformat (16:9) passt: Hero-Banner, Szenen-Lifestyle-Aufnahmen als sekundäre Bilder. Niemals als Hauptproduktbild in einem Quadrat-Raster-Theme.
Der sichere Workflow: Breiter shooten als nötig, auf 2048×2048 quadratisch für das Master-Produktbild zuschneiden, dann weitere 2048×2048-Varianten für alternative Perspektiven anlegen. Querformatige Kompositionen nur in Bannern und Slideshows.
Wie beeinflussen Shopify-Themes die Bildanzeige?
Jedes Theme schneidet und skaliert Bilder anders — das ist die häufigste Ursache für „meine Fotos sehen auf meinem Shop schlecht aus"-Beschwerden. Testen Sie in Ihrem tatsächlichen Theme, bevor Sie Bildspecs festklopfen.
| Theme | Zuschnitt Produktseite | Kollektionsraster | Hinweise |
|---|---|---|---|
| Dawn (Shopify-Standard) | Konfigurierbar (quadratisch, hoch, quer, nativ) | Folgt der Produktseiten-Einstellung | Am flexibelsten |
| Debut | Quadrat erzwungen | Quadratisch | Strikte 1:1-Anzeige |
| Impact | Hochformat-freundlich | Konfigurierbar | Auf Mode optimiert |
| Motion | Randlos, theme-gesteuert | Kartenlayout | Stark animiert |
| Minimal | Zentriert mit Padding | Quadratisch | Fügt Weißraum ein, wenn nicht quadratisch |
Praxistest: Nach dem Upload Produkt- und Kollektionsseite auf Desktop und Mobile ansehen. Wirkt der Produktzuschnitt falsch, korrigieren Sie das Quellbild — verlassen Sie sich nicht auf CSS-Anpassungen im Theme, die mit Updates brechen.
Wie unterscheidet sich das von Amazon und eBay?
Wenn Sie aus derselben Produktbibliothek auf mehreren Plattformen verkaufen, laufen die Specs in entscheidenden Punkten auseinander.
| Spec | Shopify | Amazon | eBay |
|---|---|---|---|
| Empfohlene Größe | 2048×2048 px | 2000×2000 px | 1600×1600 px |
| Mindestgröße | 800×800 px | 1000×1000 px (Zoom) | 500×500 px |
| Maximale Größe | 5000×5000 px, 20 MB | 10000 px längste Seite | 7 MB |
| Seitenverhältnis | Flexibel pro Theme | 1:1 Pflicht | 1:1 empfohlen |
| Hintergrund | Frei wählbar | Reinweiß (Hauptbild) | Sauber, kein Weißzwang |
| Logos/Wasserzeichen | Erlaubt | Auf dem Hauptbild verboten | Auf dem Hauptbild nicht erlaubt |
| Textoverlay | Erlaubt | Auf dem Hauptbild verboten, auf sekundären erlaubt | Auf dem Hauptbild eingeschränkt |
| Dateiformat | JPEG, PNG, WebP, GIF, SVG | JPEG, PNG, TIFF, GIF | JPEG, PNG, GIF, BMP, TIFF |
Praktische Konsequenz: Ein Amazon-konformes Einzelbild (2000×2000 reinweiß, ohne Text) funktioniert überall, ist aber für Shopify zu clean, wo Lifestyle- und Infografikbilder besser konvertieren. Bauen Sie Ihre Bildbibliothek mit einem 2048×2048-Master auf sauberem Hintergrund auf und legen Sie Varianten darauf.
Welchen Alt-Text schreibe ich für SEO?
Alt-Text bedient drei Zielgruppen: Screenreader, Google-Bildersuche und Fallback bei defekten Bildern. Schreiben Sie für die ersten beiden — um den Dritten kümmert sich das System selbst.
Formel für guten Alt-Text: [Produktname] [Schlüsselattribut] [Kontext, falls relevant]
| Bildtyp | Schwacher Alt-Text | Starker Alt-Text |
|---|---|---|
| Hauptprodukt | „weiße Tasse" | „Weiße Keramik-Kaffeetasse 350 ml mit Mattfinish" |
| Farbvariante | „rote Version" | „Rote Keramik-Kaffeetasse 350 ml Mattfinish" |
| Lifestyle-Aufnahme | „Tasse auf Tisch" | „Weiße Keramiktasse auf Frühstückstisch aus Holz mit Morgenkaffee" |
| Detailaufnahme | „Nahaufnahme" | „Nahaufnahme matter weißer Keramiktasse mit sichtbarer Henkelstruktur" |
| Infografik | „Diagramm" | „Infografik zur Kaffeetasse mit 9 cm Höhe und 10 cm Durchmesser" |
Regeln:
- Unter 125 Zeichen (Screenreader brechen ab dieser Länge ab)
- Das Hauptkeyword natürlich einbinden, kein Keyword-Stuffing
- Beschreiben, was tatsächlich zu sehen ist, nicht einfach den Produkttitel kopieren
- Für jedes Bild desselben Produkts ein eigener Alt-Text (keine identischen Kopien)
- Formulierungen wie „Bild von" oder „Foto von" weglassen — Assistenztechnik fügt das automatisch hinzu
Wie handhabe ich Varianten-Bilder (Farbe, Größe, Stil)?
Shopify erlaubt, Bilder spezifischen Produktvarianten zuzuweisen. Hier liefern die meisten Shops zu wenig.
Minimum Viable Setup: Ein Bild pro Farbvariante, das exakt diese Farbe zeigt. Das erwarten Kunden — klickt man auf „rot", soll das rote Produkt erscheinen, nicht das weiße.
Besseres Setup für Mode und Wohnen:
- Haupt-Variantenbild: Produkt aus gleichem Winkel, gleicher Beleuchtung und gleicher Komposition über alle Farben hinweg (für schnellen visuellen Vergleich)
- Zweites Lifestyle-Bild: Produkt im Einsatz, farblich auf die Variante abgestimmt
- Detailbild: Nahaufnahme, die Farbe/Textur präzise wiedergibt
Größenvarianten benötigen keine separaten Bilder, es sei denn, das Produkt sieht je nach Größe visuell anders aus (z. B. kleine vs. große Tasche mit abweichenden Proportionen). Für Bekleidung genügen ein Satz On-Model-Aufnahmen plus eine Größentabelle.
Farbtreue ist kritisch: Käufer erwarten, dass das Variantenbild ihrem Bildschirmrealität entspricht. Verschiebt Ihre Studiolicht die Farben, korrigieren Sie vor dem Upload in der Post. Farbgetriebene Rücksendungen werden stark durch Abweichungen zwischen Bild und Realität bei Farbvarianten getrieben.
Beeinflussen Seitenladezeit und Bildgröße die Conversion wirklich?
Ja, messbar. Googles Core-Web-Vitals-Daten und E-Commerce-Benchmarkstudien zeigen durchgängig:
- LCP (Largest Contentful Paint) unter 2,5 s: Basis für gutes Ranking
- LCP zwischen 2,5-4 s: spürbarer Rückgang bei Engagement-Metriken
- LCP über 4 s: deutlicher Anstieg der Absprungrate auf Mobile
Ihr Hero-Produktbild ist meist das LCP-Element einer Produktseite. Es um 500 KB zu erleichtern senkt den LCP auf 4G-Mobil typisch um 200-500 ms, was sich über die Session aufsummiert.
| Geschwindigkeitsverbesserung | Typischer Conversion-Effekt |
|---|---|
| 1 s → 2 s | Basislinie, kein Effekt |
| 3 s → 2 s | +3-7 % Conversion |
| 5 s → 2 s | +10-15 % Conversion auf Mobile |
| 8 s → 3 s | +25-30 % Conversion auf Mobile |
Deshalb zählt das Dateigrößenziel von 200-500 KB mehr, als es auf den ersten Blick wirkt. Zehn Bilder à 500 KB ergeben eine 5-MB-Seite. Zehn Bilder à 2 MB ergeben eine 20-MB-Seite — der Unterschied ist für jeden Mobilbesucher spürbar.
Pre-Upload-Checkliste
Vor dem Hinzufügen von Bildern zu einem Produkt diese Liste durchgehen:
- Mastergröße 2048×2048 Pixel (oder 2000×2000 bei Multi-Channel)
- Quadratisches Seitenverhältnis passt zum Default-Raster des Themes
- Exportiert als JPEG Qualität 80-85 (oder WebP Qualität 80)
- Dateigröße zwischen 200 und 500 KB pro Bild
- Dateiname ist beschreibend:
produktname-farbe-winkel.jpg(nichtIMG_4821.jpg) - Alt-Text für jedes Bild geschrieben, unter 125 Zeichen
- Farben entsprechen der Realität (auf kalibriertem Display prüfen)
- Varianten-Bilder korrekt im Shopify-Admin zugewiesen
- Vorschau nach dem Upload auf Desktop und Mobile geprüft
- Zuschnitt in Ihrem spezifischen Theme getestet
FAQ
Komprimiert Shopify meine Bilder automatisch?
Ja. Shopify liefert eine CDN-optimierte Version aus, oft als WebP an unterstützende Browser, passend für den Viewport skaliert. Aber die Kompression ist verlustbehaftet zusätzlich zu dem, was Sie hochladen — eine vor-optimierte Quelle liefert immer bessere Ergebnisse als die Automatik-Kompression.
Kann ich dieselben Produktbilder auf Shopify und Amazon nutzen?
Ihr Hauptproduktbild — ja, ein 2000×2000-Bild auf reinweißem Hintergrund funktioniert auf beiden. Sekundäre Bilder müssen sich meist unterscheiden: Amazon verbietet Logos und die meisten Textoverlays auf dem Hauptbild und hat striktere Regeln für sekundäre Bilder, während Shopify volle kreative Freiheit lässt. Halten Sie getrennte Ordner nach Kanal markiert.
Welche Hero-Bannergröße ist ideal für meine Startseite?
1920×1080 Pixel als sichere Default-Wahl. Einige Themes unterstützen 2400×1200 für Ultra-Wide-Displays. Legen Sie immer einen mobil-optimierten Zuschnitt dazu (1080×1080 oder 1080×1350) — Mobilnutzer sollten einen eng gesetzten, produktfokussierten Ausschnitt sehen, nicht nur einen Streifen aus der Mitte Ihres Desktop-Banners.
Wie viele Bilder sollte ich pro Produkt haben?
Sieben bis acht Bilder sind für die meisten Kategorien der Sweet Spot: Hauptbild Weißhintergrund, 2-3 weitere Winkel, 1-2 Lifestyle/im Einsatz, 1 Skalen-/Größenreferenz, 1 Infografik. Weniger als vier wirkt wie eine unvollständige Listing; mehr als zehn erzeugt Rauschen, ohne die Conversion zu heben.
Warum sehen meine Produktbilder auf Mobile unscharf aus?
Drei häufige Ursachen: (1) die Quelle lag unter 2048 px und wurde gestreckt, (2) das Theme liefert eine stark komprimierte Variante, weil Ihre Quelldatei zu groß ist, (3) mobile Retina-Displays rendern anders als Desktops — ein auf dem Desktop scharfes Bild kann auf einem 3x-Mobilscreen weich wirken. Lösung: Laden Sie eine scharfe 2048×2048-Quelle hoch und lassen Sie Shopify das Herunterskalieren übernehmen.