Einheitliche Produktbilder im Kategorieraster
Shopify empfiehlt für alle hervorgehobenen Bilder dasselbe Seitenverhältnis, damit sie gleich groß angezeigt werden. Eine Kategorieseite mit quadratischen, hochformatigen und querformatigen Fotos zeigt ungleichmäßige Kartenreihen. Legen Sie das Format vor der ersten Aufnahme fest und halten Sie Produktposition und Rand in jedem Bild gleich. So müssen Sie später nicht erneut zuschneiden.
Für quadratische Produktbilder empfiehlt Shopify 2.048 × 2.048 Pixel. Ein Hochformat kann Kleidung am Model gut zeigen; dann müssen jedoch alle hervorgehobenen Bilder des Shops diesem Format folgen. Derselbe Hintergrund und dieselbe Beleuchtung über eine Produktreihe hinweg lassen das Raster wie einen zusammengehörigen Katalog wirken.
PNG und JPEG auswählen
Shopify nennt PNG als erstes Format für die meisten Produktbilder, gefolgt von JPEG. Ebenfalls unterstützt werden TIFF, BMP, GIF, SVG, HEIC und WebP. PNG erhält klare Farbflächen und scharfe Kanten, weshalb es sich für Packshots vor schlichtem Hintergrund und Bilder mit Transparenz eignet.
Ein detailreiches Foto als PNG kann sehr groß werden. Dateien müssen kleiner als 20 MB und höchstens 5.000 × 5.000 Pixel oder 25 Megapixel groß sein; eine kleinere Datei lädt auf einem Smartphone zudem schneller. Für Fotos mit weichen Farbverläufen, etwa bei Stoff oder Haut, ist ein hochwertiges JPEG meist die praktische Wahl.
Platz für Zoom und Details lassen
Ein quadratisches Bild mit 2.048 × 2.048 Pixeln bietet Käufern genügend Auflösung, um Textur und Nähte genauer anzusehen. Das Produkt sollte mit gleichmäßigem Rand den größten Teil des Bildes einnehmen. Ein kleines Produkt in einem großen leeren Bild nutzt die Pixel nicht aus; ein bis an die Kanten reichendes Produkt wirkt im Kategorieraster abgeschnitten.
Zusätzlich zum Hauptbild zeigt eine Bildreihe üblicherweise die Rückseite, eine Seitenansicht, ein Material- oder Ausstattungsdetail und das Produkt in Gebrauch. Animierte GIF- und WebP-Dateien werden unterstützt und können ein drehendes oder geöffnetes Produkt zeigen. Jede Animation erhöht jedoch die Seitenlast, daher hält eine Animation je Produkt die Seite leichter.