E-Commerce-Leitfaden

Shopify Bildgrößen-Leitfaden 2026

Shopify-Produkt-, Collection- und Theme-Bildspecs — plus kostenlose lokale Tools für listing-fertige Exporte.

Autor: FreeMake.cc RedaktionZuletzt aktualisiert:

Shopify Bildgrößen-Leitfaden 2026
Autor: FreeMake.cc Redaktion
Zuletzt aktualisiert:
Geprüft von: FreeMake.cc Redaktion

Referenzen: Shopify Theme-Bildrichtlinien

Shopify-Bildgrößen auf einen Blick

BildtypMinimumEmpfohlenSeitenverhältnisFormat
Produktbild800×800px2048×2048px1:1JPEG, PNG, WebP
Collection-Banner1200×400px1200×400px3:1JPEG, PNG
Slideshow-Hero1200×600px1920×900px~2,13:1JPEG, PNG
Blog-Beitragsbild1200×630px1200×630px~1,91:1JPEG, PNG

Shop-Szenarien: Shopify-fertige Bilder ohne Rätselraten

Lieferantenfotos wirken auf Retina-Displays weich

600×600 JPEGs von der Fabrik — Shopify akzeptiert, aber Raster und Zoom wirken auf modernen Phones unscharf.

  1. Pixelbreite prüfen — unter 800px lieber neu fotografieren.
  2. Sauberes 1:1 Produktframing, Export 2048×2048 JPEG.
  3. Leicht komprimieren, sinnvolle Dateigröße anstreben.
  4. Medien im Produkt-Admin ersetzen, mobil prüfen.
E-Commerce-Resize-Tool öffnen

Collection-Grid wirkt ungleichmäßig

Portrait und Quadrat mischen sich — Themes wie Dawn skalieren unterschiedlich, Letterboxing entsteht.

  1. Katalog-Thumbnails (1:1) von Marketing-Bannern (3:1) trennen.
  2. Produktshots vor Upload batchweise quadratisch croppen.
  3. Collection-Banner nur 1200×400 (oder Theme-Spec).
  4. Collection-Seite aktualisieren, Tablet-Breakpoints prüfen.
E-Commerce-Resize-Tool öffnen

Theme-Speed sinkt nach Katalog-Update

Neue 2048×2048 Studio-Exports mit 3–5 MB — Lighthouse meldet LCP trotz korrekter Maße.

  1. 2048px Kantenlänge behalten.
  2. Lokale Kompression pro Hero-Produkt-JPEG.
  3. Eine Produkt-URL in PageSpeed testen.
  4. Gleiches Export-Preset auf den Katalog anwenden.
Komprimierungs-Tool öffnen

Häufige Shopify-Bildfehler

  1. Kleine Lieferantenfotos hochladen

    Unter 800px wirkt auf Retina-Displays weich. Hochskalieren oder neu fotografieren, dann auf 2048×2048 für scharfe Produktseiten skalieren.

  2. Inkonsistente Seitenverhältnisse in einer Collection

    Gemischte Verhältnisse zerstören Grid-Layouts. Auf 1:1 für Katalog-Thumbnails zuschneiden und separate Banner für Hero-Slots nutzen.

  3. Übergroße Dateien verlangsamen Theme-Ladezeit

    2048px-JPEGs können trotzdem mehrere MB sein. Nach dem Skalieren komprimieren für gesunde Core Web Vitals.

  4. Unruhige Hintergründe bei Katalogaufnahmen

    Saubere Produktfreisteller konvertieren besser. Weißhintergrund oder Hintergrundentfernung vor Veröffentlichung.

  5. Eine Master-Datei für jeden Slot

    2048×2048 in Banner gestreckt verwischt Text. Pro Slot separat exportieren — siehe Tabelle oben.

FAQ: Shopify-Bildgrößen

Was ist die beste Shopify-Produktbildgröße?
Shopify empfiehlt quadratische Produktmedien bis 2048×2048 px — scharf auf Desktop und Mobil, kompatibel mit den meisten Themes.
Unterstützt Shopify WebP?
Ja für Produktmedien in vielen Themes. JPEG bleibt das sicherste plattformübergreifende Format.
Wie behebe ich langsame Produktseiten?
Auf erforderliche Abmessungen skalieren, JPEGs komprimieren und keine 5-MB+-Originale hochladen.
Welche Größe für Collection-Banner?
1200×400px ist für viele Themes sicher. Theme-Doku prüfen — manche Slideshows wollen 1920×900px.
Quadrat oder Portrait für Produktbilder?
1:1 hält Grids konsistent. Portrait nur in Slots, die es erwarten.
Schaden große Bilder dem Shopify-SEO?
Page Speed zählt. Richtige Maße plus vernünftiges Gewicht helfen Core Web Vitals mehr als Extra-Megapixel.

Shopify-fertige Bilder exportieren

FreeMake.cc-Tools lokal im Browser — Dateien verlassen niemals Ihr Gerät.

  1. 1. Auf Shopify-Specs skalieren
  2. 2. Produkt-JPEGs komprimieren
  3. 3. Weißhintergrund hinzufügen

Weiterführende Artikel