Tips för bra produktbilder

Riktlinjer och tips för att optimera dina produktbilder för webbutiken. Bra produktpresentation kan vara avgörande för att öka försäljningen.

Varför är det viktigt med bra bilder?

Tilltalande produktbilder kan vara helt avgörande för att väcka intresse och övertyga kunderna till köp. Tydliga och attraktiva bilder ökar kundernas intresse och förbättrar försäljningsresultaten. Har du de produktbilder du fick från din leverantör? Troligtvis har du en konkurrent som också har dessa. En rekommendation är att använda egna bilder, om det finns tid och utrymme till att skapa sådana.

Hur stora bör produktbilderna vara?

Rekommenderad storlek är 1200 x 1200 pixlar. Detta ger skarpa och tydliga bilder, även vid inzoomat läge. Du kan använda bildredigeringsprogram för att justera storleken.

Vad är pixlar?

Pixlar är små färgrutor som utgör en bild. Antalet pixlar bestämmer upplösningen och detaljnivån. En bild på 1200 x 1200 pixlar består av 1200 färgrutor i både höjd och bredd. Fler pixlar ger bättre kvalitet vid förstoring.

Mina bilder har olika storlekar, vad kan jag göra?

Bilderna behöver inte ha samma höjd och bredd, men de bör ha samma storleksförhållande (t.ex. 200 x 600, 600 x 400 eller 750 x 1000 pixlar). Detta ger en mer enhetlig presentation, särskilt på startsidan och i kategorierna.

Hur kan man beskära bilderna så att de blir lika höga som de är breda?

De flesta datorer har enkla bildredigeringsprogram (som gamla hederliga Paint på PC eller iPhoto på Mac) för beskärning.
För mer avancerade funktioner kan du använda program som Canva, Photopea eller Pixlr vilka kan användas i din webbläsare. I annat fall kan man använda Photoshop (ingår i Adobes ekosystem av tjänster och kostar pengar) eller GIMP som är kostnadsfritt.

Har storleken på bildfilen någon betydelse?

Ja, filstorleken påverkar webbutikens laddningstid. Stora bilder ger längre laddningstid och dålig användarupplevelse. Vi rekommenderar en storlek mellan 30-100 kB. I de flesta bildbehandlingsprogram kan man komprimera bilder, i annat fall finns det nätbaserade tjänster som t.ex. tinypng.com

Mina bilder blir små och otydliga, vad kan jag göra?

Ju bättre original du har, desto bättre. Små bilder ger sämre resultat. Kontakta din leverantör för högupplösta bilder som lämpar sig för webbanvändning.

Bilderna laddas långsamt i webbutiken

Använd JPEG-formatet. Det ger bra kvalitet med relativt liten filstorlek, formatet passar också bra för fotografier av produkter. PNG-filer är större och laddas något långsammare, detta format används mest till grafiska element. Använd funktionen "Spara för webben" i bildredigeringsprogram för att optimera bilderna för webbanvändning.

Hur många produktbilder kan jag ladda upp?

Du kan ladda upp upp till åtta bilder per produkt. Visa olika sidor av produkten och viktiga detaljer. Placera den bästa bilden först.


Varför roteras bilder annorlunda i webbläsaren än på datorn?

Ibland ser en bild rättvänd ut på din dator, men blir sedan roterad när du laddar upp den på nätet, detta är för att bildens rotation är sparad i bildens metadata - vilken webbläsarna tolkar och "hjälper till" att vända den men ibland blir detta fel.

Metadata och rotation

Bilder lagrar metadata, information om bilden som inkluderar rotation (kom ihåg att även platsdata och annan information kan lagras i ett fotografi!). Denna information anger vilken håll som ursprungligen pekade uppåt (0, 90, 180 eller 270 grader).

Så här roterar du en bild korrekt

För att säkerställa korrekt rotation måste bilden bearbetas i ett bildredigeringsprogram som t.ex. GIMP (kostnadsfritt), Photoshop eller webbaserade appar. Detta roterar bilden och uppdaterar dennes metadata.

Så här använder du GIMP:

  1. Installera och öppna GIMP.
  2. Öppna bildfilen ("File" → "Open").
  3. Om GIMP frågar om du vill rotera baserat på EXIF-data väljer du "Rotate".
  4. Efter rotationen exporterar du bilden ("File" → "Export As").
  5. Välj lagringsplats, filnamn och format.
  6. Den exporterade bilden är nu klar för användning!

Vad händer om bilden fortfarande är felroterad?

Om bilden fortfarande är felroterad efter GIMP följer du dessa steg:

  1. Gå till "Image" → "Transform" → "Rotate 90 degrees clockwise" (eller motsatt väg efter behov).
  2. Kontrollera rotationen och spara bilden igen enligt beskrivningen ovan.

Var denna artikeln till hjälp?