Background

PIXELZ BLOGG

Lär dig allt om best practices inom produktfotografering, bildredigering och produktbilder för e-handel.

Resultat

Sökningen gav inga träffar. Försök igen!

Storleken har betydelse! Produktbilderna bör visa storleksskillnader på produkter


Main Image
Högkvalitativa produktbilder bedöms på sin skönhet, enhetlighet och exakthet. Skönhet skapar ett positivt intryck, enhetlighet ger en behaglig köpupplevelse och exakthet bygger förtroende.

Förtroende är otroligt värdefullt i denna extremt konkurrenskraftiga värld av e-handel: Adobe rapporterar att 40% av intäkterna inom e-handel kommer från återkommande kunder, som representerar 8% av alla besökare. Man kan också förklara det som att en återkommande kund är värd 5 gånger så mycket som en ny kund.

Hur gör man en ny kund till en återkommande kund?

Ett sätt är att skapa en positiv köpupplevelse och öka kundens tillfredsställelse genom att visa kunderna exakt vad de är de får. Att visa produkterna exakt som de är, gör att du undviker förvirring, minskar returer och förstärker varumärkeslojaliteten.

Storleksutmaningen

Att visa produkter i rätt skala är en av de svåraste uppgifter en fotograf ställs inför. Att på ett rättvisande sätt framvisa olika storlekar på produkter, och samtidigt skapa konsekventa bilder är en utmaning. Man har inte alltid möjlighet att lägga till kända objekt, som en hand, ett mynt eller linjaler, utan att det verkar störande.

Det är inte alltid möjligt att lägga in exakta mått på en produktbild för att visa dess verkliga storlek.

Det är inte alltid möjligt att lägga in exakta mått på en produktbild för att visa dess verkliga storlek.

Så vad gör man, om man har små, medium och stora produkter? Hur kan man visa storleksskillnader på produkter?

Att framställa verklighetstrogen skala är nästintill omöjligt under fotograferingen på grund av element du inte kan styra över, såsom zoom och kostnader. Som tur är, så finns det beprövade bildredigeringstekniker, som ser till att produkternas dimensioner representeras på ett enhetligt sätt.

Låt oss visa hur.

Marginaler ger intryck av olika storlekar

Vårt mål är inte att skapa bilder, som någon med förstoringsglas och linjal ska kunna undersöka och avgöra om de är i perfekt skala. Vårt mål är att underlätta för kunder, som surfar på din sida, och undvika att någon handlar fel vara av misstag p.g.a. att de missförstår varans storlek.

Vi skapar ett intryck av olika storlekar, snarare än perfekt proportionelig skala.

Låt oss jämföra två sidor för en liten demonstration. Först tittar vi på det vi försöker att undvika:

Gör inte såhär. Om liknande produkter har olika storlek, så bör man kunna se det direkt

Gör inte såhär. Om liknande produkter har olika storlek, så bör man kunna se det direkt.

Alla produkter ser identiska ut i storlek. Ända sättet att skilja dem åt, är att läsa texten. Det är inte kundanpassat eller användarvänligt. Om jag letar efter en liten väska, vill jag inte behöva läsa sidan – jag vill bläddra och bara titta.

I värsta fall, kan det hända att jag går från en produkt till nästa utan att inse att de är i olika storlek. Jag kommer att bli upprörd och besviken om jag lägger en order och får något annat än det jag förväntade mig.

Här är ett bättre exempel. Detta är mycket mer kundanpassat:

Gör såhär. Rebecca Minkoff visar storleksskillnader genom att justera marginalerna på produktbilderna

Gör såhär. Rebecca Minkoff visar storleksskillnader genom att justera marginalerna på produktbilderna.

Om du är ute efter en liten handväska, så kan du snabbt skrolla ner över sidan och få syn på de olika alternativ som finns. Det är så det borde vara när man handlar online. Få kunden att fortsätta titta på dina produkter, istället för att leta efter information och oroa sig för att beställa fel vara.

Titta på exemplet med Rebecca Minkoffs produkter ovan. Det kan hända att du inte vet exakt hur mycket mindre väskan Minaudiere är jämfört med sadelväskan, men du ser direkt att Minaudieren är ”liten”, sadelväskan är ”stor” och den quiltade väskan är mittemellan. Hur har de lyckats förmedla detta?

Rebecca Minkoff har skapat olika produktstorlekar genom att justera bildens marginaler, en enkel men effektiv metod. En ”marginal” kan definieras som avståndet mellan din produkt och bildens kant, mätt i fyra riktningar: topp, botten, höger och vänster. Just nu koncentrerar vi oss på toppmarginalen.

Titta på exemplet igen. Minaudieren har mer marginal mellan produkten och bildens övre kant än sadelväskan. Bilden är i samma storlek, men produkten i bilden ser mindre ut. Eftersom produkten fyller mindre i bilden och på din skärm, så uppfattas den som mindre i verkligheten också.

Hur gör man då? Följ denna guide steg för steg.

3 steg för att visa olika produktstorlekar

Vi börjar med några grundläggande saker man bör tänka på. Justera alla dina produkter, så att de är på samma linje. Här är en guide till hur du får en konsekvent justering av dina produktbilder som förklarar hur och varför.

När du väl har fastställt riktlinjer för justering för olika kategorier (som kläder, smycken, möbler o.s.v.), så är det relativt lätt att justera produktstorlek i Photoshop.

Om du säljer hundratals varor, som är identiska förutom vad gäller storlek och färg, så kan du slippa fotografera varje enskild variant. Vi kommer att visa hur man duplicerar bilder och ändrar marginalerna för att visualisera olika produktstorlekar, vilket kommer att spara dig både tid och pengar.

1. Skapa riktlinjer för produktstorlek

Skapa en ny mall med utgångspunkt i dina existerande specifikationer. Genom att utgå ifrån dina existerande specifikationer blir det enklare att behålla en enhetlighet igenom hela hemsidan. Om du inte är så bra på Photoshop, så kan du läsa vår guide om hur du redigerar bilder själv.

Dina riktlinjer bör formas utifrån skala, för att skapa ett verklighetstroget intryck av olika storlekar

Dina riktlinjer bör formas utifrån skala, för att skapa ett verklighetstroget intryck av olika storlekar.

Välj att bottenjustera dina produkter. Lämna lite utrymme (marginal) under produkten. Vi rekommenderar en bottenmarginal omkring sju till tio procent. Alla produkter kommer nu att placeras på samma nivå i bilden.

Nästa steg, är att börja med att göra en guide för dina största produkter. Vi rekommenderar att du använder lika mycket marginal i toppen som botten, för enhetlighetens skull.

Därefter går du vidare till de mellanstora produkterna, och väljer en marginal, som du känner ger en representativ skillnad mellan stor och mellan. Skillnaden behöver inte vara proportionerlig med de verkliga måtten, bara signifikant nog för att storleksskillnaden mellan stor och mellan blir tydlig.

Till sist, väljer du marginal för de små produkterna. Använd samma avstånd mellan liten och mellan, som du valde från mellan till stor. Se till att din produkt fortfarande är fullt synlig och tydlig i den minsta storleken. Om inte, så börja om från början och gör den största produkten ännu ”större”.

3 Size Guidelines

Man vill inte att någon ska tro att de har köpt en stor resväska, för att sedan få en i kabinstorlek. Om produkterna visas i märkbart olika storlekar från en bild till en annan, så kommer kunderna automatiskt att inse att produkterna har olika storlek, vilket kommer att göra dem mer uppmärksamma på de dimensioner du anger i varubeskrivningarna.

Bilder som visar produkten exakt som den är, förebygger förvirring, minskar returer och ger…

2. Redigera bilderna enligt riktlinjerna

Nu måste du fixa till dina produktbilder, så att de lever upp till dina riktlinjer. Eftersom alla produktbilder inom en och samma kategori går under samma riktlinjer, kommer du att få en professionell och enhetlig webbutik.

Den första bilden du lägger in i din mall, är den största varianten. I vårt exempel är det en ”stor” handväska.

Skapa riktlinjer för den ”stora” produktbilden först.

Skapa riktlinjer för den ”stora” produktbilden först.

Gör en kopia av bilden och ändra storleken, så att den passar in i mallen för mellanstora produkter. Nu har du två storlekar, för stora och mellanstora produkter, som i bilden nedan.

Gör en kopia av bilden och ändra storleken, så att den passar till riktlinjerna för mellanstora produkter

Gör en kopia av bilden och ändra storleken, så att den passar till riktlinjerna för mellanstora produkter.

Nästa steg är att göra ytterligare en kopia av bilden och sedan ändra storleken tills produkten passar in under riktlinjerna för små produkter. Medan du ändrar produktens storlek, är det viktigt att du alltid behåller bottenjusteringen och bottenmarginalen (som är samma för alla produkter).

Gör en kopia till och ändra storleken, så att den motsvarar riktlinjerna för små produkter

Gör en kopia till och ändra storleken, så att den motsvarar riktlinjerna för små produkter.

Vi skapar ett intryck av olika storlekar, snarare än ett korrekt storleksförhållande.

3. Spara och applicera

Spara varje storlek separat och använd bilden som mall framöver. Genom att använda denna metod, kan du enkelt visa olika storleksförhållanden. Du slipper dessutom att ägna onödig tid i fotostudion för att ta två, tre, fyra eller fler bilder av samma produkt (i de fall produkten finns i flera olika storlekar).

3 size bags

Genom att ha produktbilder, där storleksförhållandena framgår, gör det mycket lättare för kunderna att veta vilken version av en produkt de tittar på när de ska fatta ett beslut. Det ger också dina kunder en bättre surfingupplevelse, eftersom de kan fokusera på de produkter, som motsvarar den storlek de är intresserade av.

Du behöver inte tänka på storlek när du fotograferar. Fokusera på att ta en fantastisk bild, och redigera sedan själv eller skicka bilderna till oss för billig och snabb redigering inom 24 timmar!