Shopify Bildgrößen-Leitfaden (2026)
Shopify akzeptiert fast jedes Bild und überlässt dann deinem Theme die Darstellung — genau so entstehen Kataloge mit ungleichen Rastern, verschwommenen Zooms und Heroes, die mobil beschnitten werden. Dieser Leitfaden listet die tatsächlichen Plattformgrenzen von Shopify, die Größen, die über Themes hinweg funktionieren, und wie du einen ganzen Katalog auf Spezifikation skalierst.
Kurzantwort
- Produktbilder: 2048 × 2048 px quadratisch ist die empfohlene Größe — groß genug für Zoom, klein genug zum schnellen Laden.
- Plattformgrenzen: bis zu 5000 × 5000 px (25 megapixel) und unter 20 MB pro Bild.
- Für Zoom braucht es mehr als 800 × 800 px — darunter schalten Themes den Zoom ab.
- Hero- und Bannergrößen hängen vom Theme ab; 1920 × 1080 px (16:9) ist eine sichere Basis für Vollbreiten-Bereiche.
Shopify Produkt- und Kategorieseiten-Bildgrößen
Diese Grenzen gelten plattformweit; wie Bilder angezeigt werden, entscheidet dein Theme. Quadratische Produkte sind die konventionelle Wahl über Themes hinweg.
| Bereich | Empfohlen | Minimum | Seitenverhältnis | Hinweise |
|---|---|---|---|---|
| Produktbild | 2048 × 2048 px | Mehr als 800 × 800 px für Zoom | 1:1 (halte den gesamten Katalog konsistent) | Plattform-Maximum 5000 × 5000 px bzw. 25 megapixel; Dateigröße unter 20 MB. |
| Kategorieseiten-Bild | 2048 × 2048 px | — | 1:1 (oder das Ratio deines Themes für Kategorien) | Verwende dasselbe Seitenverhältnis über alle Kategorien hinweg, um Raster ausgerichtet zu halten. |
| Unterstützte Formate | JPEG oder WebP für Fotos, PNG für Grafiken mit Transparenz | — | — | Shopify akzeptiert außerdem HEIC und GIF; sein CDN liefert automatisch optimierte responsive Varianten. |
Shopify Hero-, Logo- und Favicon-Größen
Exakte Anzeigegrößen hängen von deinem Theme ab — prüfe die Empfehlung des Theme-Editors für jeden Slot; dies sind sichere Theme-übergreifende Basiswerte.
| Bereich | Empfohlen | Minimum | Seitenverhältnis | Hinweise |
|---|---|---|---|---|
| Hero / Slideshow-Bild | 1920 × 1080 px (16:9) | — | 16:9 (theme-abhängig) | Vollbreiten-Bereiche werden mobil vertikal beschnitten — halte das Motiv zentriert. |
| Logo | Lade mit 2× der Anzeigegröße für Retina-Displays hoch | — | — | Die Anzeigegröße legt das Theme fest; PNG mit Transparenz ist Standard. |
| Favicon | 32 × 32 px | — | 1:1 | Shopify skaliert den Upload auf 32 × 32 px herunter. |
| Blog / Featured Image | 1920 × 1080 px | — | 16:9 | Ein einheitliches Seitenverhältnis verhindert Layout-Verschiebungen in Blog-Rastern. |
Halte deinen Katalog konsistent (und den Zoom funktionsfähig)
Standardisiere den gesamten Katalog auf eine quadratische Größe
Gemischte Abmessungen lassen Produktgitter unordentlich aussehen. Skaliere jedes Produktbild auf dieselbe 2048 × 2048 px große Quadratfläche — füge Ränder hinzu oder regeneriere Hintergründe statt das Produkt zu strecken.
Versende niemals Bilder auf oder unter 800 px
Shopify-Themes deaktivieren den Zoom bei ungefähr 800 × 800 px. Zoom ist der Ort, an dem Käufer Material und Details prüfen, also behandle 2048 px als deine Export-Untergrenze für Produkte.
Lass das CDN von Shopify die Kompression übernehmen
Shopify liefert automatisch responsive, optimierte Varianten (einschließlich WebP). Lade eine saubere, hochauflösende Quelle hoch, statt sie totzukomprimieren — kleine Uploads lassen dem CDN nichts zum Optimieren.
Beachte den mobilen Beschnitt bei Heroes
Vollbreiten-Hero-Bereiche werden auf Handys stark beschnitten. Halte das Motiv und jegliche textsichere Fläche in der Bildmitte und prüfe den Bereich in der mobilen Vorschau, bevor du veröffentlichst.
Schreib alt-Text, während du dabei bist
Alt-Text ist ein Ranking-Faktor für Google Images und eine Anforderung für Barrierefreiheit. Beschreibe das Produkt, nicht die Keyword-Liste.
Skaliere im Stapel, nicht einzeln
Ein Katalog mit gemischten Größen ist ein Batch-Job: Lauf jeden SKU durch denselben Resize-und-Pad-Schritt (oder regeneriere auf sauberen Hintergründen), damit neue Uploads standardmäßig spezifikationsgerecht sind.
Skaliere deinen gesamten Katalog auf Shopify-Spezifikation
Lade Produktfotos hoch und exportiere ein konsistentes Set — saubere Hintergründe, exakt 2048 × 2048 px Quadrate, plus Lifestyle- und Hero-Crops aus derselben Quelle. Pläne ab 19$/Monat.
Häufig gestellte Fragen
Was ist die beste Bildgröße für Shopify-Produkte?
2048 × 2048 px quadratisch. Das liegt deutlich über der Zoom-Schwelle, sieht auf Retina-Bildschirmen scharf aus und bleibt weit unter den Shopify-Grenzen von 25 megapixel und 20 MB.
Welche maximale Bildgröße erlaubt Shopify?
5000 × 5000 px bzw. insgesamt 25 megapixel, mit einer Dateigröße unter 20 MB. Bilder, die eine dieser Grenzen überschreiten, werden nicht hochgeladen.
Warum akzeptiert Shopify mein Bild nicht?
Fast immer liegt es an einer von drei Grenzen: mehr als 25 megapixel (Breite × Höhe), eine Datei über 20 MB oder ein nicht unterstütztes Format. Skaliere so, dass keine Seite 5000 px überschreitet und exportiere als JPEG, PNG oder WebP.
Welches Seitenverhältnis sollten Shopify-Produktbilder haben?
1:1 Quadrat ist die Theme-übergreifende Konvention für Produkte und Kategorien. Heroes und Banner sind meist 16:9 oder breiter, aber das genaue Seitenverhältnis legt dein Theme fest — prüfe die Empfehlung des Theme-Editors pro Slot.
Komprimiert Shopify Bilder automatisch?
Ja. Das CDN von Shopify erzeugt responsive Varianten und liefert moderne Formate wie WebP automatisch. Lade die beste Quelle hoch, die du hast; komprimiere sie nicht stark vor.
Welche Größe sollte ein Shopify-Hero-Bild haben?
1920 × 1080 px (16:9) ist eine sichere Basis für Vollbreiten-Hero- und Slideshow-Bereiche. Dein Theme kann ein anderes Verhältnis empfehlen — der Theme-Editor zeigt die ideale Größe pro Abschnitt.
Wie skaliere ich Produktbilder für Shopify?
Skaliere und füge jedem Bild Ränder hinzu, sodass sie dieselbe quadratische Leinwand haben (2048 × 2048 px), statt das Produkt zu strecken oder willkürlich zuzuschneiden. Für einen ganzen Katalog ist es ein Stapelprozess: ein KI-Produktfoto-Tool kann jede SKU in einem Durchgang auf einem sauberen Hintergrund in exakt den gewünschten Abmessungen regenerieren.
Welche Größe sollten Shopify-Kategorieseiten-Bilder haben?
Passe sie an deine Produktbilder an: 2048 × 2048 px Quadrate, oder welches einheitliche Seitenverhältnis auch immer das Raster deines Themes verwendet. Konsistenz ist wichtiger als die exakte Zahl.
Offizielle Quelle: Shopify Help Center: Product media types