Zdjęcia produktów e-commerce: od sesji do galerii

Zanim rozstawisz lampy, wypisz cechy, których klient nie może sprawdzić w dłoni. Przy torbie będą to wnętrze, zapięcie i sposób noszenia. Przy części technicznej: mocowanie, złącza i oznaczenie modelu. To przykładowy plan sesji, nie obowiązkowy zestaw dla każdego asortymentu. Każde ujęcie powinno odpowiadać na konkretne pytanie.

Packshot pokazuje sam przedmiot na uporządkowanym tle. Zdjęcie aranżacyjne daje kontekst, a detal pozwala obejrzeć wykonanie. Nie musisz wybierać jednego rodzaju dla całego katalogu. Ustal wspólną kolejność, aby porównywanie podobnych produktów było wygodne.

Film lub prezentacja obrotowa mają sens, gdy ruch wyjaśnia działanie albo budowę. Nie zastępują czytelnego zdjęcia głównego. Dopisz je do planu dopiero wtedy, gdy wiadomo, jaką informację wnoszą i kto przygotuje ich obsługę w sklepie.

Wybierz egzemplarz zgodny z aktualną ofertą. Usuń kurz, odciski palców i przypadkowe zagniecenia, ale nie zasłaniaj cech sprzedawanego przedmiotu. Sprawdź kompletność zestawu oraz właściwe opakowanie. Pomyłkę na tym etapie trudno naprawić samą obróbką, szczególnie gdy materiał trafi później do kilku kanałów sprzedaży.

Smartfon może wystarczyć do prostych zdjęć katalogowych, jeśli masz odpowiednie światło, stabilne ustawienie i kontrolę ostrości. Statyw lub uchwyt ułatwia powtarzanie kadru. Przy błyszczących powierzchniach, drobnych detalach lub dużej serii porównaj próbki z własnego stanowiska z materiałem od fotografa. Decyzję oprzyj na jakości konkretnego zadania, nie samym modelu aparatu.

Zaznacz położenie przedmiotu i aparatu. Zapisz wysokość stanowiska, rodzaj tła oraz ustawienie lamp, najlepiej również na zdjęciu roboczym. Dzięki temu kolejna dostawa nie będzie wyglądała jak zupełnie inna kolekcja. Tło dobierz do czytelności produktu i zasad kanału; biały przedmiot może potrzebować wyraźniejszego oddzielenia od jasnego otoczenia.

Przy zamawianiu sesji ustal zakres ujęć, sposób akceptacji, formaty plików i możliwość późniejszych zmian. Zweryfikuj prawo do wykorzystania zdjęć w sklepie, reklamach i innych kanałach oraz warunki licencji. Samo otrzymanie pliku nie wyjaśnia tych ustaleń.

Ustaw światło tak, aby pokazywało powierzchnię, zamiast ją zasłaniać. Rozproszone oświetlenie może ułatwić ograniczenie ostrych cieni, ale przy fakturze przyda się także kierunek podkreślający strukturę. Obróć przedmiot i porównaj kilka prób. Najjaśniejszy kadr nie zawsze najlepiej przedstawia materiał.

Unikaj przypadkowego mieszania źródeł o różnym zabarwieniu. Dobierz balans bieli i sprawdź go na całej serii, szczególnie przy kolorowych tkaninach oraz białych elementach. Porównuj obrobione zdjęcie z rzeczywistym produktem w kontrolowanym świetle. Ekrany klientów będą się różnić, lecz nie jest to powód, aby świadomie przesuwać kolor na bardziej atrakcyjny.

Skalę pokaż w sposób zrozumiały dla odbiorcy: w dłoni, podczas użycia lub obok znanego elementu, jeśli nie wprowadza to w błąd. Rekwizyty powinny mieć czytelną rolę. Jeśli na zdjęciu torby pojawia się laptop, opis oferty musi jasno rozdzielać prezentację zastosowania od zawartości zestawu.

Sprawdź krawędzie i proporcje. Zbyt bliskie ustawienie szerokokątnego obiektywu może utrudnić wierne pokazanie kształtu. Zmień odległość oraz kadr i wybierz próbkę, która najlepiej odpowiada przedmiotowi. Wymiary podaj także tekstowo, bo fotografia skali nie zastępuje danych produktu.

Zorganizuj materiał, zanim trafi do biblioteki mediów. Przy dużej serii podobne miniatury łatwo pomylić, dlatego połącz pliki z identyfikatorem produktu, wariantem i rodzajem ujęcia. Nazwa opisująca model, kolor i detal mówi więcej niż kolejny numer aparatu. W plikach stosuj konsekwentny zapis bez spacji, na przykład torba-model-a-granat-zamek.jpg.

W arkuszu lub systemie katalogowym prowadź mapę: produkt, wariant, plik oryginalny, zdjęcie główne, kolejność galerii i status akceptacji. Oddziel zdjęcia wspólne od tych, które pokazują konkretny kolor. Wspólne ujęcie konstrukcji może pasować do kilku wariantów, lecz zdjęcie innego koloru powinno mieć jednoznaczny kontekst.

Najpierw sprawdź reprezentatywny produkt z kilkoma odmianami. Zmiana wyboru w sklepie ma prowadzić do właściwej prezentacji, również po otwarciu bezpośredniego linku do wariantu. Dopiero po tej próbie przetwarzaj serię. Zasady pól i wariantów opisuje poradnik konfiguracji produktów WooCommerce.

Zapisuj, kto zatwierdził komplet i czego brakuje. Przy wymianie zdjęcia zachowaj informację o poprzedniej wersji, aby później ustalić, czy stary materiał pochodzi z katalogu, pamięci podręcznej czy osobnego źródła danych.

Oddziel oryginał od pliku roboczego i eksportu do sklepu. Przechowuj je w uporządkowanych katalogach z kopią zapasową. Dzięki temu zmiana proporcji miniatury lub wymagań kanału nie wymusi ponownej sesji. Nie obrabiaj kolejnych wersji przez wielokrotne zapisywanie już skompresowanego pliku.

Przy obróbce kontroluj balans bieli, ekspozycję, prostowanie i kadr. Wyostrzanie oceniaj w docelowym rozmiarze, zwłaszcza na drobnych wzorach. Usuń przypadkowy pył ze stanowiska, ale nie wygładzaj struktury materiału, którą klient zobaczy po zakupie. Odbicia mogą pomagać pokazać połysk; ich całkowite usunięcie czasem zmienia odbiór powierzchni.

Narzędzia AI mogą pomóc w przygotowaniu tła, lecz wynik wymaga porównania z oryginałem. Sprawdź krawędzie, uchwyty, szwy, napisy i elementy przezroczyste. Generowane uzupełnienie nie powinno dodawać funkcji, akcesoriów ani zmieniać wariantu. Jeśli nie potrafisz potwierdzić zgodności detalu, wróć do zdjęcia źródłowego.

Do akceptacji przygotuj małą serię obejmującą różne materiały i trudniejsze produkty. Dopiero po zatwierdzeniu ustawień zastosuj obróbkę zbiorczą, a potem obejrzyj wynik. Jedna korekta sprawdzona na matowym przedmiocie może źle działać na metalu lub szkle.

Nie ma jednej właściwej szerokości ani limitu kilobajtów dla całego sklepu. Ustal rozmiar zdjęcia w galerii, powiększeniu i miniaturze. Następnie porównaj eksporty pod względem czytelności faktury, krawędzi i wagi. Nie zmniejszaj pliku tak mocno, że klient nie może obejrzeć cechy, dla której wykonano zbliżenie.

JPEG, PNG, WebP i AVIF dobieraj do obrazu, obsługi w systemie oraz wyniku prób. Nie zakładaj stałej oszczędności po zmianie rozszerzenia. Google wymienia obsługiwane formaty zdjęć, w tym AVIF, i zaleca opisowe nazwy oraz osadzanie obrazów w HTML.

Dla różnych miejsc wyświetlania przygotuj odpowiednie warianty pliku. Mechanizm obrazów responsywnych wykorzystuje między innymi srcset i sizes. Telefon może wybrać większy obraz ze względu na rozmiar wyświetlania i gęstość pikseli ekranu. Oceniaj rzeczywiście pobrany plik, nie tylko szerokość urządzenia.

Tekst alternatywny opisuje informację lub funkcję zdjęcia w danym miejscu. Dla ujęcia detalu może brzmieć: Granatowa torba z otwartą boczną kieszenią i zamkiem. Nie dodawaj szeregu fraz o tanim sklepie, promocji i najlepszym produkcie. Taki ciąg nie wyjaśnia tego, co widać.

W3C rozróżnia obrazy informacyjne, dekoracyjne i funkcyjne. Dekoracja może mieć pusty alt, a obraz będący przyciskiem potrzebuje opisu działania. W galerii sprawdź także dostępne nazwy przycisków zmiany zdjęcia i powiększenia. Sam opis pliku nie rozwiąże problemu nieoznaczonego elementu sterującego.

Nie umieszczaj tabeli rozmiarów wyłącznie na grafice. Podaj dane w dostępnej tabeli lub tekście, a ilustrację wykorzystaj do pokazania sposobu pomiaru. Podobnie postępuj z instrukcją montażu, parametrami i zawartością zestawu. Kupujący powinien móc przeczytać te informacje bez odgadywania drobnych napisów.

Nazwy plików i alty pomagają opisać materiał, lecz nie gwarantują ruchu z wyszukiwarki. Sprawdź zgodność zdjęcia, tytułu, wariantu i opisu. Gdy dane się rozjeżdżają, przejdź przez diagnostykę problemów z produktami, zamiast poprawiać wyłącznie podpis obrazu.

Otwórz kartę na telefonie, wybierz wariant, zmień zdjęcie i uruchom powiększenie. Sprawdź, czy da się je zamknąć, wrócić do opisu i obsłużyć galerię klawiaturą. Obejrzyj również listę produktów: automatyczne kadrowanie nie powinno ucinać istotnego fragmentu. Powtórz próbę na ciemnym oraz jasnym produkcie.

Pierwsze duże zdjęcie często wpływa na LCP, czyli czas pokazania największego elementu treści. web.dev odradza lazy loading obrazu LCP. Nie włączaj więc opóźnionego ładowania bez rozróżnienia roli zdjęć. Materiał niżej może być ładowany później; rezultat trzeba sprawdzić w narzędziach przeglądarki.

Dla feedu przygotuj osobny odbiór. Wymagania Merchant Center dotyczące image_link odnoszą się do tego kanału, a nie wszystkich galerii internetowych. Zweryfikuj dostęp do pliku, właściwy produkt i wariant oraz aktualne ograniczenia zdjęć. Nie zakładaj, że obraz zaakceptowany przez własny sklep zostanie zaakceptowany wszędzie.

Jeśli wybierasz dopiero system, w porównaniu WooCommerce i Shopify uwzględnij obsługę wariantów oraz mediów. Przy rozbudowie sklepu internetowego przygotuj przykładową kartę i listę błędów. Przez kontakt możesz przekazać zakres potrzebnej pracy nad galerią, katalogiem i sposobem wyświetlania zdjęć.