Zurück zum Blog
Tutorials

Shopify Produktbilder: Größe, Format und Seitenverhältnis

J
Josua Sievers

like.photo

Für quadratische Shopify-Produktbilder sind 2048 × 2048 Pixel ein sinnvoller Ausgangspunkt. Shopify nennt diese Größe als in der Regel gut darstellbar. Sie ist aber weder eine allgemeine Pflicht noch für jedes Theme und jedes Motiv ideal. Wichtiger sind ein konsistentes Seitenverhältnis, ausreichend Detail für Zoom und ein Format, das zum Bildinhalt passt.

Shopify-Hilfe geprüft am 30. August 2026. Die folgenden Grenzen beziehen sich ausdrücklich auf Produkt- und Kollektionsbilder. Andere Uploadbereiche in Shopify können abweichende Limits haben.

Die kurze Empfehlung

Einsatz Ausgangsgröße Format Hinweise
Fotografisches Hauptbild 2048 × 2048 px JPEG sRGB, einheitlicher Motivabstand
Freisteller mit Transparenz 2048 × 2048 px PNG Transparenz nur verwenden, wenn Theme-Hintergrund und Zielkanäle dazu passen
Detailaufnahme 2048 px an der längeren Kante oder größer JPEG Detail muss in der Quelldatei tatsächlich vorhanden sein
Infografik mit Text Nach Theme und mobiler Darstellung PNG oder hochwertiges JPEG Information zusätzlich als HTML bereitstellen
Kollektionsbild Einheitliches Seitenverhältnis je Raster JPEG Fokuspunkt und Theme-Zuschnitt prüfen

Diese Werte sind ein Produktions-Preset, keine Shopify-Vorgabe. Teste das Ergebnis im konkreten Theme auf Mobilgerät, Desktop und hochauflösendem Display.

Shopifys Grenzen für Produktbilder

Laut Shopify Help Center zu Produktmedien dürfen Produkt- und Kollektionsbilder:

  • bis zu 5000 × 5000 Pixel groß sein;
  • höchstens 25 Megapixel enthalten;
  • weniger als 20 MB Dateigröße haben.

Shopify nennt 2048 × 2048 Pixel als Größe, in der quadratische Produktbilder gewöhnlich am besten angezeigt werden. Das ist eine Empfehlung für ein ausgewogenes Master, nicht die tatsächlich an jeden Browser ausgelieferte Datei. Shopify erzeugt beim Upload mehrere Größen für unterschiedliche Stellen im Theme.

Ein 5000-Pixel-Original ist deshalb nicht automatisch besser. Wenn das Motiv unscharf, künstlich hochgerechnet oder stark komprimiert ist, vergrößert die Datei nur das Problem. Ausgangspunkt sollte die kleinste Datei sein, die für Zoom, Retina-Darstellung und die größte vorgesehene Theme-Fläche noch genug echte Details enthält.

Seitenverhältnis vor Pixelzahl festlegen

Das Seitenverhältnis bestimmt, ob Kollektionsraster ruhig oder ungleichmäßig wirken. Shopify weist ausdrücklich darauf hin, dass Hauptbilder mit einem einheitlichen Seitenverhältnis in Kollektionsansichten gleich groß dargestellt werden. Das Theme kann Bilder zwar über das Shopify-CDN in ein bestimmtes Format zuschneiden, aber ein automatischer Crop löst keine schlechte Komposition.

Wähle das Verhältnis nach Sortiment und Theme:

  • 1:1 funktioniert gut für gemischte Kataloge, Marktplatz-Exporte und ein ruhiges Raster.
  • 4:5 gibt Mode, Taschen und stehenden Produkten mehr vertikale Fläche.
  • 3:2 oder 4:3 kann für breite Geräte, Möbel oder redaktionelle Szenen sinnvoll sein.

Innerhalb einer Kollektionsansicht sollte das Hauptbildverhältnis stabil bleiben. Zusätzliche Galeriebilder dürfen abweichen, wenn das Theme den Wechsel ohne Layoutsprung verarbeitet.

JPEG, PNG oder WebP?

Shopify akzeptiert unter anderem JPEG, PNG und WebP. Der eigene Bilddienst kann je nach Browser automatisch moderne Formate wie WebP oder AVIF ausliefern. Deshalb muss nicht jedes Masterbild vor dem Upload zwanghaft in das kleinste mögliche Webformat konvertiert werden.

JPEG für Fotografien

JPEG eignet sich für Produktfotos, Lifestyle-Szenen und Bilder mit vielen Farbabstufungen. Es komprimiert solche Motive deutlich effizienter als PNG. Prüfe feine Beschriftungen, Stoffmuster und harte Kanten nach dem Export; zu starke Kompression wird dort zuerst sichtbar.

PNG für Transparenz und klare Grafik

PNG ist sinnvoll für Freisteller mit echtem Alphakanal, Logos, Symbole und flächige Grafiken. Ein fotografisches Lifestyle-Bild als PNG kann unnötig groß werden. Transparenz ist außerdem keine neutrale Entscheidung: Der sichtbare Hintergrund hängt vom Theme und vom Zielkanal ab.

WebP als unterstütztes Uploadformat

WebP wird unterstützt. Shopify entscheidet bei Theme-Bildern trotzdem selbst, welches Ausgabeformat der Browser erhält. Bewahre deshalb außerhalb von Shopify ein hochwertiges Master auf, statt nur die bereits stark komprimierte Web-Datei zu archivieren.

Shopify-CDN: Was automatisch passiert und was nicht

Shopify übernimmt einen Teil der technischen Auslieferung:

  • Beim Hinzufügen eines Bildes entstehen verschiedene Größen.
  • Das Theme kann über Bild-URLs genau die benötigte Breite anfordern.
  • Der Bilddienst wählt ein vom Browser unterstütztes Format.
  • Theme-Bilder können für die Auslieferung komprimiert werden.

Shopify korrigiert aber nicht automatisch:

  • wechselnde Kameraperspektiven;
  • uneinheitlichen Abstand zwischen Produkt und Bildrand;
  • falsche Variantenbilder;
  • unleserliche Etiketten;
  • abgeschnittene Produkte bei einem ungünstigen Fokuspunkt;
  • fehlende oder unzutreffende Alt-Texte.

Die Produktionsregel lautet deshalb: ein hochwertiges, konsistentes Master liefern und das Theme die responsive Auslieferung erledigen lassen.

Farbprofile vor dem Upload vereinheitlichen

Shopify dokumentiert, dass eingebettete ICC- oder ICM-Farbprofile bei der Auslieferung entfernt werden. Ohne Profil gehen Browser von sRGB aus. Exportiere Produktbilder deshalb kontrolliert in sRGB und prüfe kritische Marken- oder Produktfarben nach dem Upload.

CMYK-Dateien, Display-P3 ohne kontrollierte Konvertierung und uneinheitliche Profile können zu Farbabweichungen führen. Für Varianten ist das besonders riskant: Der Farbname im Shop und der visuelle Eindruck müssen zusammenpassen.

Konsistente Katalogbilder vorbereiten

Ein skalierbarer Workflow trennt Master, Komposition und Kanalausgabe:

  1. Master sichern: Größtes verlässliches Original unverändert archivieren.
  2. Bildrolle festlegen: Hauptbild, Detail, Anwendung, Maßstab oder Lieferumfang.
  3. Canvas definieren: Ein Seitenverhältnis und feste Sicherheitsränder pro Kollektions-Template.
  4. Motiv normalisieren: Produktgröße, Horizont und Schatten innerhalb einer Kategorie angleichen.
  5. sRGB exportieren: JPEG für Fotos, PNG nur bei sinnvoller Transparenz oder Grafik.
  6. Dateinamen und Alt-Text ergänzen: Beschreibung an Bildrolle und Variante koppeln.
  7. Theme prüfen: Kollektionsraster, Produktseite, Zoom und mobile Ansicht testen.
  8. Varianten kontrollieren: Auswahl, Bild und URL für Farbe beziehungsweise Material abgleichen.

Wenn Lieferantenbilder unterschiedliche Hintergründe und Ränder haben, ist das Freistellen und Normalisieren in großen Mengen der vorgelagerte Schritt. Wie die Textalternativen gepflegt werden, erklärt der Guide zu Alt-Texten für Produktbilder.

Migration eines bestehenden Shops

Ändere nicht den gesamten Katalog ohne Stichprobe. Nimm zuerst eine repräsentative Kollektion mit fünf bis zehn Produkten:

  1. Miss die aktuelle Hauptbildfläche im verwendeten Theme.
  2. Lege ein Zielverhältnis und einen einheitlichen Produktanteil fest.
  3. Exportiere je ein JPEG- und gegebenenfalls PNG-Preset.
  4. Lade die Dateien als neue Medien hoch, ohne alte Assets sofort zu löschen.
  5. Prüfe Raster, Zoom, Variantenwechsel und Ladeverhalten auf echten Geräten.
  6. Übertrage den Prozess erst danach auf weitere Kategorien.

Bei einem parallelen Google-&-YouTube-Feed gelten zusätzlich die Google-Shopping-Bildanforderungen. Insbesondere die 2027er Mindestauflösung und die Herkunftsmetadaten für KI-Bilder sind keine Shopify-Theme-Frage.

Checkliste vor Veröffentlichung

  • Produkt- und Kollektionsbilder bleiben unter 5000 × 5000 Pixel, 25 Megapixel und 20 MB.
  • Das Hauptbildverhältnis ist innerhalb der Kollektion konsistent.
  • Produktabstand und Perspektive wirken im Raster einheitlich.
  • JPEG, PNG oder WebP wurde nach Bildinhalt gewählt.
  • Das Master liegt in sRGB vor.
  • Text und Etiketten bleiben nach Kompression lesbar.
  • Variantenbild und auswählbare Variante stimmen überein.
  • Alt-Text beschreibt die konkrete Bildrolle.
  • Mobile Ansicht, Desktop, Zoom und Theme-Crop wurden geprüft.
  • Ein unverändertes Master bleibt außerhalb des Shop-Exports archiviert.

Quellen

Bereit, es selbst auszuprobieren?

Erstellen Sie Produktbilder für Ihren Shop und Ihre Marktplätze.

Jetzt starten