PhotopilotPhotopilot
Förklaring

Hur visar du produkter i rätt proportioner i din e-handel?

Genom att låta skalan för varje packshot styras av produktens faktiska mått i stället för av ramens storlek. Med bredd, djup och höjd från din artikeldata placerar programvaran varje produkt på en fast canvas i rätt skala, så att en handväska ser liten ut och en resväska på 75 centimeter ser stor ut, och kunderna direkt ser hur stor något är.

Uppdaterad:

Skjorta, resväska, olivträd i kruka och en liten flaska bredvid varandra i korrekt storleksförhållande
  • B × D × H verkliga mått som ankare för skalan
  • 1 skala per artikel, för varje vy
  • 55–75 cm resväskor på samma canvas, hjulen på samma linje

Problemet: allt är lika stort

De flesta webbutiker beskär varje produktbild så att produkten fyller ramen. För kläder fungerar det bra, eftersom du ändå inte ser en tröja i storlek S och en tröja i storlek XL bredvid varandra. Men för väskor, resväskor, inredningsdetaljer och kosmetika blir det fel: ett nyckelfodral, en crossbody och en stor resväska visas exakt lika stora i produktlistan.

En kund läser sällan måtten i produktspecifikationerna. Kunden tittar på bilden och jämför med det som står bredvid. Om en handväska ser lika stor ut som en weekendväska på bilden bedömer kunden storleken fel, och det märker du först när paketet kommer i retur.

Just i kategorier där storleken är hela poängen, som handbagage, laptopväskor eller krukor för växter, är en bild i rätt proportioner alltså inte ett estetiskt val utan produktinformation.

Varför rätt proportion lönar sig: returer och förtroende

En produkt som är mindre eller större än förväntat är en av de vanligaste orsakerna till returer. För väskor och resväskor innebär det dubbla fraktkostnader och en artikel som måste hanteras på nytt. En bild som visar storleken ärligt förebygger en del av de besvikelserna redan före beställningen.

Dessutom skapar en konsekvent skala förtroende. Om varje resväska i kategorin Handbagage står på samma baslinje och de stora modellerna tydligt ser större ut kan kunden jämföra utan att läsa tabeller. Det känns som i en butik där du ser produkterna stå bredvid varandra på hyllan.

Det hjälper även på PDP:n, produktsidan. Om du visar olika storlekar i samma serie, till exempel en resväska i 55, 69 och 75 centimeter, ser kunden direkt skillnaden i stället för tre identiska bilder med olika siffror under.

Fast beskärning eller dynamisk skalning?

Med en fast beskärning fyller varje produkt samma del av bildytan, oavsett verklig storlek. Det är standard i nästan alla friläggningsverktyg och fungerar också bra för kläder, där en beskärningsmall per artikelgrupp gör att alla tröjor och byxor placeras likadant.

Vid dynamisk skalning avgör produktens verkliga storlek hur stor den visas i bilden. En väska som är 26 centimeter bred får en annan zoom än en resväska som är 75 centimeter hög, men båda placeras på samma canvas och på samma baslinje. Själva canvasen, bildförhållandet och marginalerna är oförändrade, så att ditt grid förblir lugnt.

Två sätt att visa produkter
AspektFast beskärningDynamisk skalning
Storlek i bildVarje produkt fyller ramenFöljer de verkliga måtten
BehövsEndast bildenBild plus bredd, djup och höjd
Stark förKläder, skor per storlekVäskor, resväskor, inredning, kosmetik, badrum
RiskKunden bedömer storleken felSmå produkter blir väldigt små och kräver detaljbilder

Så fungerar dynamisk skalning

Det börjar med artikeldata: bredd, djup och höjd i centimeter, från ditt ERP, kassasystem eller PIM. Därefter identifieras själva produkten i bilden, närmare bestämt produktens kropp. Handtag, axelremmar och utdragbara trolleyhandtag räknas inte med i storleken, eftersom leverantören oftast inte mäter dem heller.

Därefter får varje produkt en skala i pixlar per centimeter och placeras på en fast baslinje. Stående produkter, som resväskor och ryggsäckar, skalas efter sin höjd eftersom den inte förändras när du vrider produkten. Liggande produkter, som necessärer, skalas efter sin bredd.

Det viktiga är att skalan per artikel är densamma för varje vy. En sidovy av en resväska är helt enkelt smal; den förstoras inte till samma bredd som framsidan. Vid en sned vy görs produkten något mindre, så att den främsta punkten är lika hög som i framsidesvyn. Närbilder och bilder av en öppen väska ligger utanför skalan och får en fast utfyllnad.

  • Mått från artikeldata som ankare
  • Identifiera produktkroppen, utan remmar och handtag
  • Skala per produkt på en fast baslinje
  • Samma skala för framsida, sida, baksida och vinklad vy
  • Närbilder och öppna presentationer med fast utfyllnad

Exempel: väskor och resväskor

Väskor och resväskor är det tydligaste exemplet, eftersom sortimentet sträcker sig från ett nyckelfodral till en spinner på 75 centimeter. Hos Duifhuizen Tassen & Koffers visas tre storlekar av samma resväska, 55, 69 och 75 centimeter, på samma canvas, med hjulen på samma linje: en liten väska visas liten, en stor visas stor.

Samma sak gäller väskor. En midjeväska på 28 gånger 8 gånger 15 centimeter eller en crossbody på 26 gånger 10 gånger 21 centimeter får en annan zoom än en shopper eller weekendväska. Handtag får sticka upp över linjen, men väskans kropp avgör storleken.

För AI-bilder med en modell mäts väskan mot modellens längd, så att en handväska inte plötsligt blir lika stor som en resväska. AI-scener utan person skapas utifrån de verkliga måtten, men mäts inte efter med linjal; därför kallar vi dem AI-scener och inte skalenliga bilder.

Brun handväska i läder, svart ryggsäck och bronsfärgad resväska bredvid varandra i rätt inbördes proportion
Handväska, ryggsäck och resväska i igenkännliga proportioner: måtten avgör skalan.

Vad behöver du?

Framför allt tillförlitliga mått. Se till att bredd, djup och höjd per artikel finns i din artikeldata, i samma enhet och i samma ordning. Om måtten bara finns i leverantörens filnamn, till exempel 55x40x20, kan de också läsas därifrån.

Se upp för omkastade mått, eftersom leverantörer inte alltid anger bredd och höjd i samma ordning. En bra kontroll är att mäta resultatet i centimeter: stämmer även det andra måttet, som inte användes som ankare, ungefär? Om inte har något troligen vänts om eller angetts fel.

Om måtten saknas ska systemet inte gissa. En artikel utan mått ska förbli synlig som ett undantag, så att någon kan komplettera måtten, i stället för att den tyst hamnar på en standardstorlek.

Inga mått, inga gissningar: en artikel utan mått ligger kvar som ett undantag tills datan är komplett.

Även för hem, beauty och badrum

Dynamisk skalning är inte bara för väskor. Inom hem och inredning spelar det roll om en kruka är 15 eller 60 centimeter hög, och för badrumsprodukter eller blandare vill du inte att ett litet handfat och ett större tvättställ ska se lika stora ut. Inom beauty och kosmetik kan en flaska på 30 milliliter stå bredvid en flaska på 500 milliliter.

För kläder och skor är det annorlunda. Där visar du oftast en storlek per artikel, och en beskärningsmall per artikelgrupp skapar konsekvens: alla axlar på samma linje, alla sulor på samma nedre linje. Proportionell skalning i centimeter tillför inte mycket där.

Litet olivträd i en hög beige kruka som frilagd packshot
Även för växter och krukor avgör den verkliga höjden hur stor produkten visas i bilden.

När dynamisk skalning inte passar

Säljer du främst produkter i liknande storlek, till exempel bara kläder eller bara smycken, är en fast beskärning enklare och lika tydlig. Mycket små produkter blir dessutom väldigt små på en canvas som också ska rymma stora artiklar; därför behöver du alltid en detaljbild med fast fyllnad utöver den skalade bilden.

Även om din artikeldata inte innehåller tillförlitliga mått är det bättre att börja med att få ordning på den datan. Dynamisk skalning blir bara så bra som måtten som matas in.

Så skalar Photopilot dynamiskt

Photopilot läser bredd, djup och höjd från ditt ERP, kassasystem eller PIM, eller från leverantörens filnamn. Produkten och markpunkten identifieras i bilden, och varje packshot placeras på en fast canvas i den skala som passar produkttypen och den verkliga storleken, med skugga som tillval. Per produkttyp anger du marginal och baslinje.

Varje vy av samma artikel får samma skala, närbilder och öppna presentationer får en fast utfyllnad, och resultatet mäts i centimeter så att avvikelser syns. Om mått saknas förblir artikeln synlig som ett undantag.

Vill du se hur det fungerar i praktiken kan du läsa caset om Duifhuizen eller sidan om väskor och resväskor. Där visas samma resväska i tre storlekar och väskor i AI-scener, allt baserat på de verkliga måtten.

FAQ

Vanliga frågor

Hur visar du en produkts storlek på en bild?

Genom att låta bildens skala styras av de faktiska måtten, så att stora produkter visas större i bilden än små. En modellbild eller en bild där produkten används hjälper också, särskilt när produkten visas bredvid något som är lätt att känna igen.

Vad är dynamisk skalning av produktbilder?

Ett sätt att skala packshots utifrån bredd, djup och höjd i artikeldata, i stället för att låta varje produkt fylla ramen. Alla produkter ligger på samma canvas och samma baslinje, men i rätt storleksförhållande till varandra.

Varför ser alla produkter i min webbutik lika stora ut?

För att de flesta friläggnings- och beskärningsverktyg låter varje produkt fylla bildytan, oavsett verklig storlek. För kläder fungerar det bra, men för väskor, resväskor och inredningsprodukter tappar kunden känslan för storlek.

Minskar skalenliga produktbilder antalet returer?

De tar bort en vanlig returorsak: att en produkt upplevs mindre eller större än förväntat. Hur stor skillnaden blir beror på sortimentet, men särskilt för väskor, resväskor och heminredningsdetaljer är storleken en viktig del av köpbeslutet.

Vilka mått behövs för att skala produktbilder?

Bredd, djup och höjd i centimeter, per artikel, från ditt ERP, kassasystem eller PIM. Om måtten finns i leverantörens filnamn kan de också läsas därifrån.

Räknas handtag och trolleyhandtag in i skalan?

Nej. Skalan bestäms av väskans eller resväskans kropp, eftersom leverantörer oftast inte räknar med handtag och utdragbara handtag i måtten. De får sticka upp över linjen i bilden.

Hur ser du till att resväskor i olika storlekar visas rätt bredvid varandra?

Placera dem på samma canvas med hjulen på samma baslinje och skala dem efter deras verkliga höjd. En resväska på 55 centimeter blir då tydligt mindre än samma resväska på 75 centimeter.

Får en sidovy samma skala som framsidan?

Ja. För varje artikel är skalan densamma för alla vyer, så en bild från sidan är helt enkelt smalare och förstoras inte. Närbilder och foton av en öppen väska ligger utanför skalan och får en fast utfyllnad.

Fungerar dynamisk skalning även för kläder?

Det går, men tillför inte mycket eftersom du oftast visar en storlek per artikel. För kläder fungerar en beskärningsmall per artikelgrupp bättre, med axlar och fållar på fasta linjer.