Riktlinjer för Bilder
Bilder är en av de viktigaste komponenterna på en e-handelssajt. Högkvalitativa bilder kan inte bara hjälpa till att skapa ett professionellt intryck utan även öka konverteringar genom att visa produkter på ett attraktivt och tydligt sätt. Nedan följer allmänna riktlinjer för bildanvändning.
1. Upplösning och Kvalitet
• Hög upplösning: Bilder bör ha tillräcklig upplösning för att undvika pixlar och suddighet. För produktbilder rekommenderas en upplösning mellan 800x800 pixlar och 1200x1200 pixlar. Upplösningen för banners (en stor bild, oftast högst upp på sidan) kan variera beroende på design, men bredden kan vara upp till 2000 pixlar på datorskärm, med en höjd mellan 450 och 800 pixlar.
• Undvik brus och artefakter: Säkerställ att bilder inte innehåller visuella störningar som orsakas av kompression.
2. Bilddimensioner och Format
Standarddimensioner:
• Produktbilder: Kvadratiskt format (återkommande dimensioner som 1:1-förhållande).
• Bannrar och header-bilder: Rektangulära format (t.ex. 16:9 eller 10:2, beroende på design). Det är viktigt att anpassa proportionerna efter webbplatsens layout och designkrav för bästa resultat.
Rekommenderat bildformat:
• WebP: Ett modernt filformat som erbjuder bättre komprimering utan att tumma på kvalitet. WebP minskar laddningstiden jämfört med traditionella format som JPEG och PNG.
• Alternativa format: JPEG (för bilder med många färger) och PNG (för bilder med transparent bakgrund).
3. Filstorlek och Optimering
• Håll filerna små: Bilder bör vara optimerade för snabb laddning utan att kvaliteten äventyras. Filstorleken bör generellt inte överstiga 500 KB per bild. Samtidigt bör en balans mellan upplösning och filstorlek eftersträvas för att säkerställa både visuell kvalitet och korta laddningstider.
• Använd verktyg för optimering: Det finns mängder av verktyg tillgängliga online för att optimera bilder före uppladdning. En enkel sökning på "komprimera bild", ”bildoptimeringsverktyg”, "image optimization tools" eller ” compress image” kan ge dig flera bra alternativ att välja mellan.
4. Filnamn
• Beskrivande namn: Använd tydliga, beskrivande namn som t.ex. "vit-skjorta-herr.webp" istället för "IMG1234.webp".
• Webbvänliga namn: Undvik mellanslag, åäö och specialtecken. Använd bindestreck (-) istället för understreck (_).
• SEO-vänliga namn: Inkludera relevanta sökord i filnamnet för att förbättra SEO.
5. Specifika Bildtyper
Produktbilder:
• Fotografera produkterna mot en ren och ljus bakgrund för att ge ett professionellt intryck och skapa en enhetlig look på hemsidan. Var konsekvent med bakgrunder för att uppnå ett sammanhängande helhetsintryck.
• Visa flera vinklar av produkten (framifrån, bakifrån, närbilder).
• Använd detaljbilder för att framhäva material och finish.
Livsstilsbilder:
• Visa produkterna i deras naturliga miljö för att hjälpa kunder att föreställa sig hur de används.
6. Checklista innan Uppladdning
Innan du laddar upp bilder till din hemsida, gå igenom följande checklista:
• Är upplösningen tillräckligt hög för att visa tydliga detaljer?
• Är bilden beskuren och dimensionerad enligt rekommendationerna?
• Har bilden optimerats för snabb laddning?
• Har filen ett filnamn som följer rekommendationerna?