Shopify Bild-Größenänderung

Shopify unterstützt Produkt- und Kategorienbilder bis zu 5000 × 5000 px oder 25 Megapixel bei einer Dateigröße von unter 20 MB.

Für quadratische Produktbilder empfiehlt Shopify 2048 × 2048 px als optimalen Anzeigewert.

Das macht 2048 × 2048 px zu einem sinnvollen Ausgangspunkt für einen hochauflösenden, quadratischen Produktkatalog, ist jedoch keine strenge Vorgabe für jedes einzelne Shopify-Produktbild.

Das Shopify-Preset von Image Fixer verwendet aus diesem Grund standardmäßig 2048 × 2048 px. Sie können bei Bedarf jedoch auch jede andere Ausgabeformatgröße für Ihren Katalog oder Workflow wählen.

Zwei Produktbilder können unterschiedliche Pixelabmessungen haben und dennoch dasselbe Seitenverhältnis aufweisen. Für ein einheitliches Kollektionsraster kommt es auf das Verhältnis von Breite zu Höhe an.

Shopify empfiehlt ausdrücklich, für hervorgehobene oder Hauptproduktbilder ein einheitliches Seitenverhältnis zu verwenden, wenn diese nebeneinander auf Kollektionsseiten angezeigt werden.

Beispielsweise hat ein Bild mit 2048 × 2048 ein quadratisches Seitenverhältnis von 1:1. Die Vorbereitung Ihrer vorgestellten Produktbilder auf derselben 1:1-Leinwand kann dazu beitragen, einen einheitlicheren Ausgangspunkt für den gesamten Katalog zu schaffen.

Shopify-Themes können über das Shopify CDN auch Bilder in einheitlicher Größe anfordern, die endgültige Darstellung hängt jedoch weiterhin vom jeweiligen Theme ab.

Jedes Bild auf 2048 × 2048 px zu bringen, löst das Problem nur teilweise.

Stellen Sie sich zwei quadratische Produktbilder mit exakt denselben Abmessungen vor. Auf dem einen Bild füllt das Produkt die Leinwand fast vollständig aus. Auf dem anderen ist das Produkt von viel Leerraum umgeben.

Technisch stimmen die Bilder überein. Optisch tun das die Produkte nicht.

Aus diesem Grund trennt Image Fixer die Ausgabemaße von der Produktgröße.

Sie können jedem Bild eine einheitliche quadratische Leinwand geben und gleichzeitig steuern, wie groß das Produktfoto auf dieser Leinwand erscheint. Die Produktgröße lässt sich für die gesamte Stapelverarbeitung anpassen oder für einzelne Bilder optimieren.

Dies ist besonders nützlich, wenn ein Katalog Fotos von verschiedenen Lieferanten, Fotografen, Handys oder älteren Produktbibliotheken kombiniert.

Ja. Ein quadratisches Ausgabeformat erfordert kein Strecken eines Quellbildes im Hoch- oder Querformat.

Image Fixer bewahrt die Originalproportionen des Quellfotos und passt es in eine quadratische Leinwand ein. Wo nötig, wird zusätzlicher Leinwandplatz genutzt, statt das Originalbild in eine andere Form zu zwingen.

Dies hilft dabei, Produktbilder auf ein 1:1-Format zu standardisieren, ohne das Quellfoto zu verzerren.

Das Ergebnis ist ein quadratisches Bild, das sich in einem Produktkatalog konsistenter einsetzen lässt.

Shopify unterstützt mehrere Bildformate, darunter PNG, JPEG und WebP.

Shopify empfiehlt in seiner Dokumentation zu Produktmedien derzeit PNG als bestes Dateiformat für die meisten Produktbilder, gefolgt von JPEG.

Die allgemeineren Shopify-Richtlinien für Shop-Bilder empfehlen zudem JPEG für Produktfotografie und andere Standbilder mit komplexen Farben, während PNG besonders nützlich für Grafiken, Symbole und Bilder ist, die Transparenz erfordern.

Das bedeutet, dass es nicht das eine Dateiformat gibt, das automatisch für jede Art von Produktbild am besten ist.

Als praktischer Leitfaden:

JPEG

Eine starke Wahl für fotografische Produktbilder mit vielen Farben, insbesondere wenn eine effiziente Dateigröße wichtig ist.

PNG

Nützlich, wenn du verlustfreie Bildmerkmale, Grafiken, Text, flache Farben oder Transparenz benötigst.

WebP

Ein modernes Web-Bildformat, das von Shopify unterstützt wird und nützlich ist, wenn du eine gute visuelle Qualität bei effizienten Dateigrößen wünschst.

Image Fixer kann JPEG, PNG oder WebP exportieren, sodass du das Ausgabeformat wählen kannst, das zu der Art von Produktbild passt, die du vorbereitest.

Ja. Shopify verfügt über ein eigenes System zur Bildbereitstellung und -optimierung.

Wenn du ein Bild hochlädst, kann Shopify verschiedene Bildgrößen für die Verwendung in verschiedenen Bereichen deines Onlineshops erstellen. Eine größere Version wird möglicherweise auf einer Produktdetailseite verwendet, während eine kleinere Version in einer Kollektionsansicht zum Einsatz kommen kann.

Shopifys Bild-CDN kann Bilder auch für die Darstellung im Storefront anpassen und komprimieren sowie automatisch das passende Bildformat für den Browser des Kunden auswählen. Moderne Formate wie WebP oder AVIF werden ausgeliefert, wenn sie unterstützt werden.

Aus diesem Grund musst du nicht jede Storefront-Bildgröße manuell selbst erstellen.

Image Fixer erfüllt einen anderen Zweck: Es hilft dabei, die Quellbilder zu standardisieren, bevor sie in deinen Shopify-Katalog gelangen.

Shopify gibt an, dass Bilder vor dem Upload nicht manuell komprimiert werden müssen, und empfiehlt, Bilder in bestmöglicher Qualität hochzuladen.

Bilder werden zum Zeitpunkt des Hochladens in den Shopify-Adminbereich nicht komprimiert. Bilder, die über ein Storefront-Theme ausgeliefert werden, können jedoch später im Rahmen des Shopify-Bildbereitstellungsprozesses optimiert und komprimiert werden.

Konzentriere dich bei der Produktvorbereitung zunächst auf passende Dimensionen, ein geeignetes Format und einen einheitlichen Bildausschnitt, anstatt die Bildqualität vor dem Upload aggressiv zu reduzieren.

Das Vorbereiten eines quadratischen Quellbildes garantiert nicht, dass jeder Shopify-Theme-Bereich jedes Bild exakt gleich anzeigt.

Die endgültige Darstellung hängt vom Theme, dem jeweiligen Bereich und dem Seitenverhältnis des Bildbereichs ab.

Wenn sich das Seitenverhältnis eines Bildes von dem Bereich unterscheidet, in dem ein Theme es anzeigt, können Shopify-Themes das Bild zuschneiden, um es an das Layout anzupassen.

Shopify bietet Fokuspunkte, um zu steuern, welcher Teil eines Bildes beim Zuschneiden sichtbar bleibt. Theme-Einstellungen bieten zudem Optionen zum Ändern der Bildhöhe, zum Anpassen eines Bereichs an ein Bild oder zum Reduzieren unerwünschter Zuschnitte.

Image Fixer bereitet das Quellbild vor. Ihr Shopify-Theme steuert weiterhin, wie dieses Bild im Storefront präsentiert wird.

Wenn Produktbilder auf Kategorieseiten nicht korrekt ausgerichtet sind, empfiehlt Shopify, das Seitenverhältnis der Quellbilder zu überprüfen.

Die Verwendung von hervorgehobenen Produktbildern mit demselben Höhen-Breiten-Verhältnis gibt dem Theme einen konsistenteren Satz von Bildern, mit denen es arbeiten kann.

Leerzeichen und Produktframing können selbst bei identischem Seitenverhältnis einen weiteren visuellen Unterschied erzeugen.

Beispielsweise können zwei quadratische Bilder als Bildboxen perfekt übereinstimmen, während die Produkte in diesen Boxen in ihrer Größe dennoch drastisch unterschiedlich wirken.

Hier hilft die Kombination aus einer einheitlichen quadratischen Leinwand und einer kontrollierten Produktgröße dabei, einen übersichtlicheren Quellkatalog zu erstellen.

Farbprofile können beeinflussen, wie Produktfotografie online dargestellt wird.

Shopify erklärt, dass eingebettete ICC- oder ICM-Farbprofile entfernt werden, wenn Bilder im Onlineshop angezeigt werden. Wenn ein Bild kein Farbprofile enthält, nehmen Webbrowser sRGB an, den Standard-Farbraum, der im Web häufig verwendet wird.

Wenn Produktfarben nach dem Upload merklich anders erscheinen, empfiehlt Shopify, das Bild im Standard-sRGB-Farbraum zu speichern.

Dies kann besonders für die Produktfotografie wichtig sein, bei der eine präzise und konsistente Farbdarstellung von Bedeutung ist.