Proporcje zdjęć produktowych - kwadrat, 4:5 czy 16:9 w sklepie i na marketplace

Head of Digital Marketing
Proporcje zdjęć produktowych - kwadrat, 4:5 czy 16:9 w sklepie i na marketplace
Proporcje zdjęć produktowych najlepiej dobrać tak, żeby jeden plik dobrze wyglądał wszędzie tam, gdzie produkt jest wyświetlany w małym rozmiarze. W większości sklepów i na marketplace'ach najbezpieczniejszy jest format zdjęcia kwadratowy, czyli 1:1, bo listy produktów i miniatury najczęściej mają kwadratowe kafelki. Proporcje 4:5 opłacają się w reklamach i postach w mediach społecznościowych, a 16:9 zostaw dla banerów, zdjęć lifestyle i wideo, a nie dla zdjęcia głównego produktu.
Problem z proporcjami zwykle widać dopiero po publikacji. Zdjęcie, które w programie graficznym wyglądało dobrze, w sklepie ma obcięty czubek buta, na liście ofert zostaje otoczone szerokimi białymi pasami, a w reklamie produkt ginie na środku poziomego kadru. Poniżej wyjaśniamy, jak działają proporcje, dlaczego platformy przycinają miniatury, jakie zasady podają Allegro, Amazon, Kaufland i Google oraz jak przygotować jedno zdjęcie w kilku wersjach bez nowej sesji.
[#wazne] W skrócie: zdjęcie główne produktu przygotuj w proporcji 1:1, z produktem wyśrodkowanym i z niewielkim marginesem, bo kwadratowe kafelki są standardem w sklepach i na marketplace'ach, takich jak Allegro, Amazon czy Kaufland. Wersję 4:5 przygotuj do reklam i postów Meta, a 16:9 do banerów i zdjęć w aranżacji. Fotografuj z zapasem tła, żeby z jednego ujęcia wyciąć kilka formatów. W Vinson przygotowujemy zdjęcia i grafiki produktowe w proporcjach dopasowanych do każdego kanału sprzedaży.
Czym są proporcje zdjęć produktowych i dlaczego miniatury są przycinane
Proporcje zdjęcia to stosunek jego szerokości do wysokości. Zapis 1:1 oznacza kwadrat, 4:5 - prostokąt nieco wyższy niż szerszy, 16:9 - szeroki prostokąt znany z ekranów i wideo. Proporcje nie mówią nic o wielkości pliku: zdjęcie 1000 x 1000 px i 2500 x 2500 px mają te same proporcje 1:1, ale zupełnie inną liczbę pikseli.
Przycinanie miniatur wynika z tego, że szablon sklepu lub marketplace'u rezerwuje na zdjęcie miejsce o stałym kształcie. Jeśli Twój plik ma inne proporcje niż to miejsce, platforma robi jedną z dwóch rzeczy. Może przyciąć zdjęcie tak, żeby wypełniło cały kafelek - wtedy znikają krawędzie produktu. Może też dopasować całe zdjęcie do kafelka - wtedy pojawiają się puste pasy po bokach lub u góry i na dole, a produkt wygląda na mniejszy niż w sąsiednich ofertach.
W przeglądarce oba zachowania opisuje właściwość CSS object-fit. Według MDN wartość cover wypełnia cały obszar i przycina to, co się nie mieści, a wartość contain pokazuje cały obraz z zachowaniem proporcji, zostawiając puste miejsce. Nie musisz znać kodu, ale warto wiedzieć, którą metodę stosuje Twój szablon, bo od tego zależy, czy ryzykujesz ucięty produkt, czy białe pasy.
W e-commerce wystarczy znać kilka proporcji i wiedzieć, gdzie każda z nich pracuje najlepiej:
[#chart:pgr61a]
Format zdjęcia kwadratowy - dlaczego 1:1 to bezpieczny standard w e-commerce
Kwadrat dominuje w handlu internetowym z prostego powodu: listy produktów są budowane z siatki równych kafelków. W kwadracie produkt o kształcie pionowym, poziomym i zbliżonym do koła mieści się z podobnym marginesem, więc cała lista wygląda spójnie. Dobrze widać to w ustawieniach WooCommerce. Według dokumentacji WooCommerce miniatury na listach produktów domyślnie są kadrowane do kwadratu, a w ustawieniach wyglądu można wybrać kadrowanie 1:1, własne proporcje albo brak kadrowania. Miniatury w galerii produktu są tam zawsze kwadratowe.
Na marketplace'ach kwadrat również jest najbezpieczniejszy, nawet jeśli platforma formalnie nie wymaga konkretnych proporcji. Pomoc Allegro określa minimalny i maksymalny rozmiar zdjęcia, ale nie narzuca proporcji, a moderacja społeczności Allegro wskazywała, że dopuszczalne są różne formaty, np. 1:1, 4:3 czy 16:9. W praktyce wyniki wyszukiwania i tak pokazują zdjęcia w powtarzalnych kafelkach, więc kwadratowy plik po prostu najlepiej je wypełnia.
Format zdjęcia kwadratowy ma też zalety organizacyjne:
Jeden plik do wielu kanałów. Kwadratowe zdjęcie główne pasuje do sklepu, większości marketplace'ów i do pliku produktowego Google bez dodatkowego kadrowania.
Spójna seria. Przy stałym marginesie produkty na liście mają podobną wielkość wizualną, a sklep wygląda porządnie.
Prostszy brief. Fotograf i grafik od razu wiedzą, jak ustawić kadr i ile miejsca zostawić wokół produktu.
Mniej niespodzianek. Gdy szablon zmieni sposób wyświetlania, kwadrat zwykle wymaga najmniej poprawek.
Kiedy kwadrat nie wystarczy
Kwadrat ma słabe strony przy produktach bardzo wydłużonych: wędkach, listwach, szalikach, lustrach stojących czy dywanach. W kwadratowym kadrze taki produkt zajmuje wąski pas, a reszta to puste tło. Wtedy warto rozważyć ustawienie produktu po skosie, jeśli nie zniekształca to jego odbioru, albo przygotowanie dodatkowego zdjęcia w innej proporcji do galerii. Zdjęcie główne i tak powinno być czytelne w kafelku, więc decyzję podejmuj po obejrzeniu miniatury na telefonie, a nie w pełnym rozmiarze na monitorze.
Drugi przypadek to sklepy, których szablon od początku używa innej proporcji kafelka, na przykład pionowej w modzie i obuwiu. Wtedy kwadratowe zdjęcia będą przycinane albo pomniejszane, więc lepiej przyjąć proporcję szablonu jako standard zdjęcia głównego, a kwadrat przygotowywać osobno dla marketplace'ów.
- Grafiki ofertowe, banery i miniatury
- Projekty pod marketplace’y i sklep
- Szybka wycena bez zobowiązań
Wycenę przygotuje Aleksandra Marecka, Head of Digital Marketing

Aleksandra Marecka
Head of Digital Marketing
Projektowanie graficzne dla e-commerce
Aleksandra i nasz zespół pomogą Ci wdrożyć to na Twoim koncie - bez zobowiązań.
- Analiza Twojego konta i obecnych działań
- Konkretny plan poprawek do wdrożenia
- Bezpłatna konsultacja – bez zobowiązań

Przeczytaj także
Więcej porad z naszej bazy wiedzy - przesuń, aby zobaczyć kolejne artykuły.
Wybierz dogodny termin w kalendarzu - bez wymiany maili w tę i z powrotem.
