Zdjęcia · Konwersja
Zdjęcia produktów w sklepie Shoper — jakość i optymalizacja
W skrócie
Zdjęcia sprzedają zanim klient przeczyta jedno słowo opisu — w e-commerce to najważniejszy element karty produktu. Ale są też najczęstszym powodem, dla którego sklep muli (nieoptymalne obrazy potrafią ważyć megabajty). Sekret to jakość bez wagi: packshot na białym tle jako standard zdjęcia głównego, kilka ujęć i zdjęcia lifestyle dla kontekstu, a do tego format WebP (Shoper konwertuje automatycznie) i kompresja stratna (-70-90% wagi przy niezauważalnej stracie jakości). Poniżej jak trafić w tę równowagę.
Spis treści
Dlaczego zdjęcia sprzedają bardziej niż opisy
Klient najpierw patrzy, potem czyta. W sklepie internetowym nie może dotknąć produktu, więc zdjęcie robi całą robotę, którą offline robi półka: pokazuje, buduje zaufanie, przełamuje wahanie. Słabe zdjęcie zabija sprzedaż nawet najlepszego produktu, a dobre potrafi ją zrobić bez jednego zdania opisu. To najwyższy zwrot z pracy włożonej w kartę produktu.
Jakie zdjęcia robić
- Zdjęcie główne (packshot) — produkt na białym tle, ostro, dobrze oświetlony. To absolutne minimum i podstawa spójności sklepu.
- Kilka ujęć — z różnych stron, detale, skala (produkt w dłoni/obok czegoś znanego). Im droższy produkt, tym więcej ujęć klient chce zobaczyć.
- Zdjęcia lifestyle — produkt w użyciu, w kontekście. Budują wyobrażenie „jak to będzie u mnie" i emocję.
- Wideo / 360° — dla produktów, które trudno pokazać na płasko (odzież, meble, elektronika).
Białe tło — standard zdjęcia głównego
Główne zdjęcie na białym (lub neutralnym) tle to nie moda, tylko standard e-commerce. Powody: skupia uwagę wyłącznie na produkcie, zapewnia spójność wizualną całego sklepu (siatka produktów wygląda schludnie), lepiej prezentuje się w Google i jest wymagane przez Google Merchant / Zakupy Google oraz marketplace'y. Lifestyle i kreatywne kadry dokładaj jako kolejne zdjęcia — główne trzymaj czyste.
Optymalizacja wagi — WebP i kompresja
Tu rozgrywa się bitwa o szybkość. Dwie dźwignie:
- Format WebP. Opracowany przez Google, waży średnio 25-35% mniej niż JPG przy tej samej jakości. Dobra wiadomość: Shoper konwertuje wgrane zdjęcia do WebP automatycznie — wgrywasz .jpg/.png, a sklep serwuje lżejszy WebP. Nie musisz nic robić ręcznie.
- Kompresja stratna. Inteligentnie usuwa niewidoczne dane — redukcja wagi o 70-90% przy niezauważalnej stracie jakości. Dla zdjęć produktowych to w 99% przypadków najlepszy wybór.
- Nie wgrywaj gigantów. Zdjęcie 5000 px i 4 MB, wyświetlane jako 600 px, to czysta strata. Zmniejsz do rozsądnego rozmiaru przed wgraniem — darmowe narzędzia (Squoosh od Google, TinyPNG) robią to w sekundy.
Zdjęcia to najczęstszy „ukryty ciężar" sklepu — zaraz po skryptach marketingowych. Jeśli Twój sklep muli, zacznij od nich (i od reszty planu przyspieszania).
Wymiary, lazy loading i CLS
Trzy techniczne detale, które robią różnicę w Core Web Vitals:
- Podane wymiary (width/height) — bez nich strona „skacze" przy ładowaniu obrazów (CLS), co Google karze.
- Lazy loading zdjęć poniżej pierwszego ekranu — ładują się dopiero, gdy klient do nich doscrolluje.
- Priorytet dla zdjęcia głównego (nad foldem) — ma się załadować od razu, bo to zwykle największy element (LCP).
W dobrych szablonach Storefront większość tego dzieje się automatycznie — nie musisz dłubać w kodzie.
Najczęstsze błędy
- Wgrywanie oryginałów 3-5 MB — najczęstszy zabójca szybkości sklepu.
- Główne zdjęcie nie na białym tle — psuje spójność siatki i wypada z Google Merchant.
- Jedno zdjęcie na produkt — klient chce zobaczyć produkt z kilku stron.
- Brak wymiarów w HTML — skaczący layout i gorsze CWV.
- Znaki wodne na zdjęciach produktowych — odrzucane przez Google i marketplace'y.
Zoptymalizujemy zdjęcia w Twoim sklepie
W ramach audytu wskazujemy najcięższe zdjęcia, sprawdzamy konwersję do WebP i lazy loading oraz doradzamy, gdzie brakuje ujęć. Jakość, która sprzedaje, bez wagi, która muli.
Najczęstsze pytania
Jaki format zdjęć w sklepie Shoper?
WebP — waży 25-35% mniej niż JPG przy tej samej jakości. Nie musisz konwertować ręcznie: Shoper automatycznie konwertuje wgrane pliki .jpg/.png do WebP i serwuje lżejszą wersję.
Czy zdjęcia produktów muszą być na białym tle?
Główne zdjęcie (packshot) — tak, to standard e-commerce: skupia uwagę, zapewnia spójność siatki, jest wymagane przez Google Merchant i marketplace’y. Lifestyle i kreatywne kadry dodawaj jako kolejne zdjęcia.
Jak zmniejszyć wagę zdjęć bez utraty jakości?
Inteligentna kompresja stratna redukuje wagę o 70-90% przy niezauważalnej stracie jakości, a WebP dokłada kolejne oszczędności. Nie wgrywaj też zdjęć znacznie większych, niż są wyświetlane — użyj Squoosh lub TinyPNG.
Czy zdjęcia spowalniają sklep?
Tak — nieoptymalne, ciężkie zdjęcia to jeden z głównych hamulców sklepu (zaraz po skryptach marketingowych). WebP, kompresja, poprawne wymiary i lazy loading rozwiązują większość problemu.
Zdjęcie sprzedaje, zanim klient przeczyta jedno słowo opisu — i potrafi zatopić szybkość sklepu, jeśli waży 3 MB. Sekret to jakość bez wagi: dobre kadry plus WebP i kompresja.