Förbered skarpa bilder och välj rätt proportioner så att produkter och budskap inte kapas i butiken.
Guiden gäller butiksadministratörer i Go, Plus och Pro. Produktbilder laddas upp på produkten; bilder till egna sidor och många temablock hanteras via Utseende → Filarkiv eller blockets bildväljare. Temainställningarna nedan gäller Diversity. TPL och egna teman kan ha andra fält och bildregler; kontrollera aktivt tema först.
1. Skilj pixelmått, proportioner och filstorlek
Pixelmått anger bildens bredd och höjd, till exempel 1500 × 500 pixlar. Bildförhållandet är då 3:1. Filstorleken, exempelvis i kB eller MB, anger hur mycket data filen innehåller. En större fil är inte automatiskt skarpare.
500 × 100, 1500 × 300 och 3000 × 600 pixlar har alla proportionerna 5:1, men olika detaljrikedom. Utgå från bildens största visning och välj tillräckligt många originalpixlar. Att förstora en liten fil skapar inte nya detaljer.
Redigera motiv, friläggning, bakgrund och retusch i ett bildprogram före uppladdning. Du kan exempelvis använda GIMP, Paint.NET eller Pixlr. Temats skalning och beskärning styr visningen; det är inte samma sak som att redigera originalets motiv.
2. Välj proportioner för bildspelet
Öppna Utseende → Teman → det aktiva temat → Redigera → Innehåll → Startsida och välj bildspelsblocket. Välj proportioner som passar både motivet och sidans layout.
Exempel: 5:1
En bild på 1500 × 300 pixlar har samma proportioner som inställningen 5:1.
Exempel: 3:1
En bild på 1500 × 500 pixlar har proportionerna 3:1.
Om en mycket bred bild ska fylla en högre bildyta kan delar av den beskäras. Temat anpassar bilden efter visningsytan och inställningarna; det kan inte automatiskt avgöra vilket motiv som måste vara kvar. Följande exempel visar hur text kapas när proportionerna inte passar.
Kontrollera både mobil och dator. Lägg inte viktig information enbart som text inne i bilden; använd blockets textfält när det går och håll viktiga motiv borta från kanter som kan beskäras.
3. Ladda upp och ställ in produktbilder
Öppna Sortiment → Produkter och välj produkten.
Öppna produktens bildhantering under Redigera → Bilder och ladda upp originalbilden.
Öppna det aktiva temat och Stil → Bilder.
Välj proportioner, om bilden ska beskäras eller rymmas i bildytan, och vilken del av motivet som ska prioriteras där sådana val finns.
Spara och kontrollera både produktlistan och produktsidan.
För kvadratiska bilder väljer du 1:1. Exempelvis 1000 × 1000 pixlar ger dessa proportioner, men är inte en universell uppladdningsgräns eller ett krav för alla försäljningskanaler.
För liggande bilder är exempelvis 1500 × 1000 pixlar proportionerna 3:2. Inställningen och motivet avgör hur bilden fyller ytan.
4. Ställ in produktgruppsbilder
Öppna Sortiment → Produktgrupper → välj grupp → Redigera → Egenskaper och fältet för bilden i produktgruppstabellen. I temat väljer du gruppbildens proportioner under Stil → Bilder.
Exempel med 1:1 och kvadratiska original:
Exempel med 3:2 och liggande original:
5. Anpassa bilder till butiksfronter
Butiksfronter kan använda 5:4 som bildförhållande. Kontrollera dock det aktuella blockets inställningar; ett annat tema eller en annan konfiguration kan använda andra proportioner. Antalet block i raden påverkar hur stor bilden visas, inte i sig hur många detaljer originalet innehåller.
För 5:4 kan du exempelvis använda 1000 × 800, 1500 × 1200, 2000 × 1600 eller 2500 × 2000 pixlar beroende på visningsstorlek. Fler pixlar behövs när samma motiv visas större. Använd inte dessa exempel som en regel att varje viss kolumnindelning måste ha exakt ett visst pixelmått.
6. Välj format och hantera transparens
JPEG: passar fotografier och har ingen transparent bakgrund.
PNG: kan bevara transparens. En vit bakgrund som redan ingår som pixlar blir inte transparent genom att filen döps om till PNG.
WebP: kan ge mindre filer. Kontrollera stöd i det aktuella uppladdningsfältet och den kanal där bilden ska användas.
SVG: kan användas för vissa logotyper och illustrationer där fältet stöder det. Ladda bara upp SVG-filer från en betrodd källa. Produktbildsuppladdningen accepterar inte SVG; ett format som fungerar i filarkivet fungerar inte automatiskt på produkten.
Om bakgrunden ser fel ut, öppna originalfilen i ett bildprogram och kontrollera om den faktiskt har transparens. Kontrollera därefter om temats bildyta har en egen bakgrund eller beskärning. Temats bakgrundsfärg kan inte frilägga ett motiv som har en inbakad vit bakgrund.
7. Kontrollera externa bildkrav och tillgänglighet
En bild som ser bra ut i butiken kan ändå vara för liten eller ha fel innehåll för Google Merchant Center. Kontrollera bildadressen som faktiskt skickas i produktflödets image_link, inte bara en liten förhandsvisning. Huvudbilden ska visa den aktuella produkten; använd inte en logotyp, reklamtext eller platshållare som ersättning.
Google har annonserat minst 500 × 500 pixlar för produktbilder från 31 januari 2027. Förbered tillräckligt stora original redan nu och följ Googles aktuella bildkrav och eventuella varningar i Merchant Center. Godkänd uppladdning i Abicart är inte ett godkännande från en extern försäljningskanal.
Använd en enhetlig bildmall och komplettera med relevanta vinklar, detaljer och storleksreferens. Visa gärna produkten i användning när det hjälper kunden att förstå storlek eller funktion. Ge filen ett beskrivande namn före uppladdning och skriv kort alternativtext i det bildfält som har stöd för det. Beskriv bildens innehåll och funktion utan att rada upp sökord. Rent dekorativa bilder kan ha tom alternativtext.
Snabbstart
Identifiera bildens plats och det aktiva temats proportioner.
Förbered ett skarpt original med rätt motiv, bakgrund och format.
Ladda upp på produkten eller välj bilden i rätt block.
Kontrollera beskärning på mobil och dator samt externa bildkrav om du använder produktflöden.
Abonnemang
Produktbilder och grundläggande bildhantering finns i Go, Plus och Pro. Temats inställningar och respektive uppladdningsfälts format- och filgränser gäller. Externa kanaler har egna bildkrav som inte bestäms av Abicart-abonnemanget.
Vanliga frågor om bilder i webbutiker
Hur stora ska produktbilderna vara?
För många webbutiker är 1000 × 1000 pixlar en bra utgångspunkt för kvadratiska produktbilder. Den bästa storleken beror på temat, hur mycket detaljer kunderna behöver se och den största storlek som bilden visas i.
Vilket är det bästa bildförhållandet för produktbilder?
Ett kvadratiskt bildförhållande på 1:1 är ett flexibelt val för många produktkataloger. Ett liggande bildförhållande på 3:2 kan passa bättre för breda produkter eller fotografier som kräver mer utrymme i horisontell riktning. Det är viktigare att vara konsekvent i hela katalogen än att välja ett enda universellt bildförhållande.
Varför är min bild beskuren?
En bild beskärs vanligtvis när dess ursprungliga bildförhållande inte stämmer överens med det bildförhållande som valts i temat. Ändra storleken på eller beskär källbilden till rätt bildförhållande innan du laddar upp den.
Bör alla produktbilder ha samma mått?
Genom att använda samma mått och bildförhållande får produktgallerna ett renare och mer enhetligt utseende. Bilderna kan innehålla produkter med olika former, men bildytan bör förbli enhetlig.
Vilket filformat är bäst för produktbilder?
JPEG är ett praktiskt val för de flesta produktbilder. PNG är användbart när man behöver genomskinlighet. WebP kan ge mindre filstorlekar när plattformen stöder det.
Påverkar bildstorlekarna webbutikens hastighet?
Ja. Stora, okomprimerade bildfiler kan förlänga laddningstiderna, särskilt på mobila enheter. Ändra storleken på och komprimera bilderna innan du laddar upp dem, samtidigt som du ser till att kvaliteten är tillräckligt hög för att kunderna ska kunna granska produkten.