Bildstorlekar
En guide till bilder och dess storlekar som du använder i din butik.
Bilderna i din butik är en viktig del av hur kunderna uppfattar ditt varumärke. Första steget är att ta eller välja bilder som speglar hur du vill att butiken ska uppfattas. Den här artikeln visar hur du använder dina bilder på bästa sätt i Vendres plattform.
Storlekar på bilder
När du laddar upp bilder är det viktigt att tänka på storleken. För stora filer kan ge långa laddningstider, medan för små bilder riskerar att bli oskarpa. Bredden är viktigare än höjden, eftersom höjden oftast kan anpassas direkt i blocket eller justeras automatiskt.
Rekommendation: Ladda upp bilder som är 2560 px breda
Gridstorlek och retina-stöd
Det flesta butiker i Vendre använder en grid på 1280 px. För att bilderna ska se bra ut även på retina-skärmar är det bra att ladda upp bilder i dubbla storleken. Alltså 2560 px breda.
Laddar du upp en bild i den storleken blir det också den största versionen som används, även om kunden har en större skärm. Det ger en bra balans mellan kvalitet och prestanda.
Dessutom så beskärs och optimeras alla bilder innan de visas. Kunden får därför en version som är anpassad till den enhet och skärmupplösning som används. Om bilden blir för liten för en viss skärm hämtas istället orginalet.
Bilder i fullbredd
När du arbetar med bilder i fullbredd blir storleken extra viktig. En bredd på 2560 pixlar fungerar för de allra flesta skärmar. Vill du även ge retina-stöd i fullbredd behöver du ladda upp bilder på 5120 pixlar, men dessa filer blir ofta mycket tunga och kan försämra laddtiden.
Det kan därför vara klokt att avgränsa och acceptera att bilder inte alltid är helt knivskarpa på extremt stora skärmar. En extern skärm på 27 tum är till exempel ungefär 2600 pixlar bred, vilket ofta är ett bra riktmärke.
Produktbilder
För dina produkter lägger du in bilderna på produktkortet direkt i Admin, här kommer lite tips för dina produktbilder:
- Alla bilder bör vara i samma format för att se enhetligt ut
- Gå efter samma regel där bilderna ska vara dubbla storleken av ytan de ska fylla ut.
- Ha gärna samma bakgrund på alla dina bilder
För dig som ska ta nya bilder så rekommenderar Vendre att göra bilderna till kvadrater, ett bra format som blir skarpt i många upplösningar är 1600 x 1600 px.
Du kan även ladda in alla produktbilder från en annan e-handel eller ftp-server via en import av produktbilder via excel. Läs mer om det nedan.
Kategoribilder
Även bilder för kategorier ligger inne och hämtas från administrationen. Det finns i Vendres standard två olika sätt att visa bilderna i kategorier. Antingen i fullbredd bakom kategoribeskrivningen eller till höger om beskrivningen som en mindre bild. Störst krav här är bilder som ska ligga i fullbredd som bakgrund, här ska du tänka på att:
- Bilden bör vara minst 4000 px bred
- Bilden bör ha ett filter eller liknande på sig som mörkar ner den då texten är vit. Detta filter kan läggas till i t.ex. Photoshop. En bra riktlinje är att ha filter svart med en opacitet på mellan 20 - 30%