Bra produktbilder är ofta det enskilt viktigaste som avgör om en besökare köper eller lämnar. Kunden kan inte känna på varan, så bilden får bära hela känslan av kvalitet, storlek och användning. Vill du snabbt förbättra dina produktbilder handlar det om fyra saker: visa produkten från rätt vinklar, ha tillräckligt många bilder, se till att de laddar snabbt, och skriva alt-text. Nedan får du en praktisk checklista du kan gå igenom direkt i din butik.

Hur många produktbilder behövs och vilka vinklar?

En enda bild räcker sällan. Kunden vill se produkten som om hen höll den i handen. En bra grundregel för de flesta e-handlare:

  • Minst 4–6 bilder per produkt. Fler för kläder, möbler och tekniska varor där detaljer spelar roll.
  • Huvudbild rakt framifrån på ren, vit bakgrund. Det är den bild som syns i listor, i Google Shopping och som första intryck.
  • Vinklar runt om: sida, baksida och gärna ovanifrån eller snett underifrån för produkter där formen är viktig.
  • Närbilder på detaljer: sömmar, material, knappar, kontakter, textetiketter. Det är här kunden letar efter kvalitetsbevis.
  • Skalbild som visar storlek, till exempel produkten i en hand, på ett bord eller bredvid ett vardagligt föremål. Många returer beror på att kunden missförstod storleken.

För kläder och accessoarer bör du komplettera med bild på modell eller i användning. För möbler och heminredning är ett rum-i-sammanhang nästan ett krav.

Vit bakgrund eller livsstilsbild?

Det ska inte vara antingen eller. Du behöver båda, och de fyller olika syften:

  • Vit bakgrund (packshot) ger en ren, jämförbar bild som fungerar överallt: produktlistor, prisjämförelsesajter, marknadsplatser som Fyndiq och Amazon, samt Google Shopping. Marknadsplatser kräver ofta ren vit bakgrund på huvudbilden.
  • Livsstilsbild visar produkten i verklig miljö och skapar känsla och begär. Den svarar på frågan "hur skulle det här se ut hemma hos mig?".

Praktiskt upplägg: låt huvudbilden vara ren vit bakgrund och lägg livsstilsbilderna som bild två och framåt i galleriet.

Konsekvens gör hela butiken proffsigare

En vanlig miss i svenska webbutiker är att bilderna kommer från olika källor: leverantörens pressbilder, egna telefonfoton och skärmdumpar om vartannat. Resultatet ser rörigt ut och sänker det upplevda värdet.

  • Använd samma bildförhållande för alla produkter, till exempel kvadratiskt 1:1 eller stående 4:5. Då blir produktlistan jämn.
  • Håll samma zoomnivå så att produkten fyller ungefär lika mycket av ytan i varje bild.
  • Använd samma bakgrund och ljussättning på huvudbilderna.
  • Beskär bort onödig tomyta så produkten syns stor redan i miniatyren.

Om du säljer vidare leverantörens bilder: kontrollera att du har rätt att använda dem, och blanda inte tio olika leverantörers stilar på samma kategorisida.

Filstorlek, format och laddtid

Snygga bilder som laddar långsamt skadar både försäljning och SEO. Tunga bilder är en av de vanligaste orsakerna till dålig laddtid i e-handel, särskilt på mobil där en stor del av svensk handel sker. Så här håller du bilderna både skarpa och lätta:

  • Använd WebP (eller AVIF) istället för JPEG/PNG. WebP ger oftast likvärdig kvalitet vid betydligt mindre filstorlek. De flesta moderna plattformar och webbläsare stödjer det.
  • Skala ner till rätt mått. Ladda inte upp en bild på 4000 px bred om den visas i 800 px. Ha en stor version för zoom och en mindre för galleri och listor.
  • Komprimera bilderna. Målet är oftast under några hundra kilobyte per bild utan synlig kvalitetsförlust.
  • Lazy loading på bilder längre ner på sidan, så att bara det synliga laddas först.
  • Ange bredd och höjd i koden så sidan inte hoppar när bilderna laddas in (det påverkar Core Web Vitals-måttet CLS).
  • Sätt en tydlig och beskrivande filnamn innan uppladdning, till exempel bla-ullmossa-herr-storlek-l.webp istället för IMG_4472.jpg. Det hjälper både Google och din egen ordning.

En bra tumregel: testa dina viktigaste produktsidor i ett gratisverktyg som Googles PageSpeed Insights och titta särskilt på hur mycket bilderna väger.

Alt-text: viktig för både SEO och tillgänglighet

Alt-texten är den beskrivning som visas om bilden inte laddas, som läses upp av skärmläsare, och som Google använder för att förstå bilden. Ändå saknas den på väldigt många produktbilder i svenska butiker.

  • Beskriv vad som faktiskt syns, konkret och kort: "Blå ullmössa för herr, stickad, sedd framifrån".
  • Inkludera produktnamn och en relevant egenskap (färg, material, modell) naturligt, men fyll inte på med sökord.
  • Skriv unik alt-text per bild. Detalj­bilden och livsstilsbilden ska inte ha samma text.
  • Håll det kort, ungefär en mening. Överdriv inte längden.
  • Hoppa över "bild på" i början, skärmläsaren säger redan att det är en bild.

Alt-text är också en tillgänglighetsfråga. Med det kommande tillgänglighetsdirektivet ställs högre krav på svenska e-handlare, och beskrivande alt-texter är en enkel del att få på plats.

Extra funktioner som ökar konvertering

När grunderna sitter finns det bildrelaterade detaljer som ofta lyfter konverteringen:

  • Zoom så kunden kan granska material och detaljer på nära håll.
  • 360-graders vy eller video för produkter där rörelse och form säljer, som möbler, väskor och elektronik.
  • Färgvariant­byte där bilden uppdateras när kunden väljer en annan färg, istället för att alla varianter visar samma bild.
  • Konsekvent första bild i varje variant så att listan inte ser rörig ut.

Du behöver inte allt på en gång. Börja med snabba, lätta bilder och komplett galleri, lägg sedan till zoom och video på dina bäst­säljare.

En snabb checklista att gå igenom

  • Minst 4–6 bilder per produkt, inklusive detalj- och skalbild
  • Vit bakgrund på huvudbilden, livsstil som komplement
  • Samma format, zoom och stil genom hela sortimentet
  • WebP-format, rätt mått och komprimerade filer
  • Beskrivande filnamn före uppladdning
  • Unik, kort alt-text på varje bild
  • Testat laddtiden på mobil

Så vet du var din butik står

Att gå igenom några produktsidor för hand är en bra start, men i en butik med hundratals artiklar är det svårt att veta hur det ser ut över hela sortimentet: vilka produkter som saknar bilder, väger för mycket, ligger i fel format eller saknar alt-text. Det är precis den delen EcomStoreAudit granskar, produkt för produkt, tillsammans med SEO, hastighet, produkttexter och marginal. Vill du se exakt var din butiks produktbilder brister och få en rad-för-rad-lista på vad du ska åtgärda kan du beställa en analys av din egen butik på ecomstoreaudit.com.