Een gelijkmatig raster voor collecties behouden
Shopify adviseert voor alle uitgelichte afbeeldingen dezelfde beeldverhouding te gebruiken, zodat ze even groot worden weergegeven. Een collectiepagina met vierkante, staande en liggende foto’s door elkaar krijgt ongelijke rijen kaarten. Kies de verhouding voordat de eerste foto wordt gemaakt en houd het product in elk beeld op dezelfde plek en met dezelfde marge; zo hoeft u later minder bij te snijden.
Voor vierkante productafbeeldingen beveelt Shopify 2.048 × 2.048 pixels aan. Een staande verhouding kan geschikt zijn voor kleding aan een model, maar dan moeten alle uitgelichte afbeeldingen in de winkel die verhouding volgen. Dezelfde achtergrond en belichting in een assortiment laten het raster als één catalogus lezen in plaats van als losse uploads.
Kiezen tussen PNG en JPEG
Shopify geeft voor de meeste productafbeeldingen de voorkeur aan PNG, gevolgd door JPEG, en accepteert ook TIFF, BMP, GIF, SVG, HEIC en WebP. PNG houdt egale kleuren en scherpe randen helder. Dat past bij packshots op een eenvoudige achtergrond en afbeeldingen met transparantie.
Een gedetailleerde foto die als PNG wordt opgeslagen, kan erg groot worden. Bestanden moeten kleiner blijven dan 20 MB en maximaal 5.000 × 5.000 pixels of 25 megapixels zijn; een lichter bestand laadt ook sneller op een telefoon. Voor foto’s met zachte kleurovergangen, zoals stof of huid, is een JPEG van hoge kwaliteit doorgaans de praktische keuze.
Ruimte voor zoom en details
Een vierkante afbeelding van 2.048 × 2.048 pixels biedt klanten voldoende resolutie om textuur en stiksels van dichtbij te bekijken. Het product vult het grootste deel van het kader met een gelijkmatige marge. Een klein product in een groot leeg kader benut die pixels niet; een product tegen de randen lijkt op de collectiepagina afgesneden.
Naast de hoofdafbeelding toont een set meestal de achterkant, een zijaanzicht, een detail van materiaal of beslag en het product in gebruik. Geanimeerde GIF- en WebP-bestanden worden ondersteund en kunnen een product laten draaien of opengaan. Elke animatie maakt de pagina wel zwaarder, dus één per product houdt de pagina lichter.