Shopify Produktbilder: die richtigen Bildgrößen (2048 px)

Shopify-Produktbilder scheitern in eine von zwei Richtungen. Entweder sind sie zu klein – dann zerfällt die Zoom-Ansicht zu Matsch, sobald sich jemand eine Naht oder eine Steinfassung genauer ansieht. Oder sie kommen riesig direkt aus der Kamera – dann kriecht die Seite auf dem Handy, wo ein großer Teil deines Traffics landet. Der Admin nimmt beides ohne Warnung an.

Shopify nimmt dir mehr ab, als die meisten Shop-Betreiber ahnen: Es erzeugt von jedem Bild passende Größen für die verschiedenen Stellen im Shop, und das CDN liefert ein modernes Format wie WebP oder AVIF aus, wo der Browser es unterstützt. Was es nicht tut: ein uneinheitliches Seitenverhältnis geradeziehen, raten, welches Foto zu welcher Variante gehört, oder einen ausgefransten Freisteller retten. Der Rest liegt bei dir.

Starte bei 2048 x 2048 – und hör da auf

Shopifys eigene Empfehlung: 2048 x 2048 px sehen bei quadratischen Produktbildern meistens am besten aus. Die harten Grenzen liegen deutlich höher – ein Produkt- oder Kategoriebild muss unter 20 MB bleiben und darf bis zu 5000 x 5000 px groß sein, also 25 Megapixel.

Diese Obergrenzen sind keine Zielwerte. In Dawn fragt die Produktgalerie auf der Seite nie etwas Breiteres als 1946 px beim CDN an, und selbst die Zoom-Lightbox nennt keine Größen über 4096 px. Ein 5000-px-Master bringt dir vor allem längere Uploads und träges Arbeiten dazwischen. Bleib für die Hauptgalerie beim Quadrat mit 2048 px. Unterstützt werden beim Upload unter anderem PNG, JPEG und WebP – gib Shopify also eine komprimierte Datei statt eines 6 MB großen TIFF.

Quadrat oder Hochformat: entscheide dich für ein Seitenverhältnis

In Kategorie-Grids fallen gemischte Seitenverhältnisse sofort auf – deshalb empfiehlt Shopify ein einheitliches Verhältnis über alle Vorschaubilder hinweg. Themes wie Dawn lassen dich den Rahmen entweder an jedes Bild anpassen oder alles auf ein festes Verhältnis festzurren, und beides bestraft Uneinheitlichkeit: Anpassen ergibt ein ausgefranstes Grid, Festzurren schneidet durch den Hals einer Flasche oder lässt tote Fläche um einen Ring.

Also entscheide dich einmal. Quadratisch (1:1) ist die sicherste Standardwahl und bricht auf schmalen Displays gut um. Hochformate wie 4:5 oder 2:3 passen zu Mode und hohen Flaschen und füllen auf dem Handy mehr vertikale Fläche. Was nicht geht: beides nebeneinander in derselben Kategorie.

Durchsetzen kannst du das, indem du das Produkt freistellst und den Rahmen selbst neu aufbaust. Lade ein Foto auf remover.bg hoch, entferne den Hintergrund und ersetze ihn durch dasselbe reine Weiß oder dieselbe Markenfarbe wie bei jedem anderen Listing. Danach skalierst du das Ergebnis in dem Export-Tool, das du ohnehin benutzt, auf deinen gewählten Rahmen – so landen eine handliche Tasse und ein bodenlanger Mantel auf identischen Maßen. Derselbe Freisteller bedient auch die strengeren Marktplatz-Regeln aus den Amazon-Regeln für weißen Hintergrund, oder du behältst die Transparenz und montierst später – siehe wann ein transparentes PNG das richtige Ergebnis ist.

Das CDN von Shopify skaliert, repariert aber deine Quelle nicht

Themes fordern Bilder über die Liquid-Filter image_url und image_tag an, die ein srcset bauen – damit das CDN pro Gerät eine passend große Datei im passenden Format ausliefert. Genau deshalb schickt ein sauber gebautes Theme deine 2048-px-Datei nie an ein 390 px breites Handy.

Zwei Dinge deckt das nicht ab. Die Formatwahl beim Upload zählt weiterhin: Wer WebP exportiert, hält die Dateien klein, bevor sie überhaupt beim CDN ankommen, und Shopify nimmt WebP ohne Umwandlung an – genauso wie remover.bg WebP durchgängig verarbeitet. Und für Hunderte SKUs gibt es keine Abkürzung per Ordner-Drag-and-drop; dieser Job gehört in ein Skript gegen die API zur Hintergrundentfernung, das parallel zu deinem CSV-Import läuft.

Zoom hilft nur, wenn die Pixel da sind

Laut Shopify müssen Bilder größer als 800 x 800 px sein, damit der Zoom richtig funktioniert. In Dawn bietet die Zoom-Einstellung im Produkt-Template Klick und Hover, das Öffnen einer Lightbox oder gar keinen Zoom.

Schalte den Zoom ein, wenn die Textur das Verkaufsargument ist: Strick, Ledernarbung, Gravuren, Edelsteinfacetten, Holz. Schalte ihn aus bei flachen Grafiken und kleinen Icons – dort führt Zoom nur Komprimierungsartefakte vor. Bei Kanten ist Zoom ebenfalls gnadenlos: Fellbesatz, lose Haare und schmale Riemchen zeigen jeden Fehler, und genau da zahlt sich ein sauberer Freisteller aus.

Variantenbilder und Reihenfolge der Medien

Jede Variante bekommt genau ein zugewiesenes Bild – nur ein Bild, kein Video und kein 3D-Modell – und das wird zur Vorschau, sobald ein Kunde diese Option auswählt.

Weil ein Bild pro Variante selten reicht, nutz die Galerie drumherum. Leg jede Aufnahme in die Medien des Produkts, sortiere sie so, dass zusammengehörige Aufnahmen beieinanderstehen, und stell das stärkste Bild nach vorn: Das erste Medium bestimmt die Produktkarte und die Standardansicht.

Alt-Text: 512 Zeichen erlaubt, 125 reichen

Shopify deckelt den Alt-Text bei 512 Zeichen und empfiehlt höchstens 125. Das ist eine Empfehlung zur Lesbarkeit, keine Grenze des Screenreaders: Langer Alt-Text ist anstrengend zu hören, weil man ihn beim Zuhören nicht überfliegen kann. Beschreibe das Bild samt Variante. „Leinenhemd in Navy, Vorderansicht, zugeknöpft“ schlägt „Hemd“. Lass „Bild von“ weg und lass Keyword-Listen weg. Alt-Texte lassen sich per CSV-Upload im Bulk bearbeiten statt Produkt für Produkt.

Kurze Checkliste vor dem Upload

Bevor ein Stapel nach Shopify geht: quadratisch mit 2048 px exportieren, außer du hast dich für Hochformat entschieden, deutlich unter der Grenze von 20 MB bleiben, eine Hintergrundbehandlung für die ganze Kategorie verwenden, ein Bild pro Variante zuweisen und die Galerie darum herum sortieren, Alt-Text unter 125 Zeichen halten. Nichts davon ist glamourös, und alles davon sieht man auf der Kategorieseite in dem Moment, in dem du es falsch machst.