Jak tworzyć najlepsze zdjęcia produktów WooCommerce

To jest przewodnik, jak tworzyć najlepsze zdjęcia produktów WooCommerce dla Twojego sklepu, abyś mógł sprzedawać więcej.

Klienci otrzymują wiele podtekstów z wizualnej komunikacji Twojej witryny. Zdjęcia Twoich produktów mówią klientowi wiele o produkcie i są ważną częścią projektu strony produktu.

Sposób, w jaki wyświetlasz zdjęcia swoich produktów, jest niezwykle ważny, ponieważ jest to jedyny sposób, w jaki klienci mogą przyswoić sobie, jak wygląda. Może to natychmiast zmienić sposób, w jaki myślą.

Dlatego niezwykle ważne jest, aby mieć najwyższej jakości zdjęcia produktów WooCommerce na stronach produktów, w archiwach kategorii i archiwach sklepu.

3 kroki do niesamowitych zdjęć produktów WooCommerce

Są trzy kroki, które musisz podjąć, jeśli chcesz zapewnić swoim klientom absolutnie najlepsze zdjęcia produktów w Twoim sklepie WooCommerce.

1. Wysoka jakość obrazu w odpowiednich wymiarach
2. Pokazywanie różnych punktów widzenia
3. Optymalizacja prędkości ładowania

Opanowując te trzy aspekty zdjęć Twoich produktów, Twoja witryna będzie lepsza niż 90% innych sklepów, zapewniając Twoim klientom lepsze wrażenia w Twoim sklepie.

1. Wysoka jakość obrazu w odpowiednich wymiarach

Czy zdjęcia Twoich produktów są ziarniste, rozmazane lub przebarwione? Czy są trudne do zobaczenia? Czy oświetlenie jest złe?

Wszystkie te rzeczy wpływają na pierwsze wrażenie produktu, dlatego ważne jest, aby zdjęcia produktów WooCommerce miały odpowiednią rozdzielczość i były wysokiej jakości.

Jaki powinien być rozmiar zdjęć produktów?

Minimalna rozdzielczość, której powinieneś używać dla zdjęć produktów WooCommerce, to 800px x 800px. Zalecamy jednak celowanie wyżej, ponieważ im wyższa jakość Twoich zdjęć, tym lepiej będą one postrzegane.

Czy chcesz tego, czy nie, jakość zdjęć produktów jest w umyśle klienta dużym odzwierciedleniem jakości samego produktu.

Oto kilka najlepszych wskazówek, jak poprawić jakość zdjęć produktów:

Użyj fotobudki

Fotobudka to specjalne pudełko, często wykonane z białego, nieodblaskowego materiału, które zapewnia neutralne i nieprzerwane białe tło dla zdjęć Twoich produktów.

Jest oświetlana od wewnątrz ultrabiałymi diodami LED (lub innymi porównywalnymi światłami), które niwelują cienie rzucane przez inne źródła światła.

Te dwie rzeczy razem oznaczają, że możesz uzyskać profesjonalnie wyglądającą fotografię swojego produktu bez używania drogich aparatów ani zestawów oświetleniowych.

Jeśli masz ograniczony budżet (a nawet jeśli nie), jest to naprawdę najlepszy sposób na uzyskanie konsekwentnie dobrych zdjęć Twoich produktów.

Więc ile kosztuje fotobudka?

Kupiliśmy fotobudki z Aliexpress, eBay lub Amazon za około 70-100 USD.

Dostosuj poziomy swoich zdjęć

Jeśli masz dostęp do Photoshopa (lub Lightrooma lub podobnego programu), powinieneś być w stanie otworzyć swoje zdjęcie i dostosować tzw. poziomy zdjęcia.

Poziomy pozwalają dostroić punkt ciemny, punkt jasny i półtony obrazu, co oznacza, że możesz robić takie rzeczy, jak dodawanie kontrastu, poprawianie nasycenia, eliminowanie nadmiaru danych obrazu. Odbywa się to poprzez manipulowanie histogramem obrazu.

Może to brzmieć jak greka, jeśli nie znasz tych terminów, ale jeśli masz podstawowe umiejętności w Photoshopie, obejrzyj poniższy film, aby uzyskać fantastyczne wyjaśnienie od Eda z Photos In Color.

Subskrybuj Wholesale Suite

Jeśli nie masz dostępu do zaawansowanego pakietu do edycji obrazów, takiego jak Photoshop, możesz wykonać podobną czynność w doskonałym edytorze obrazów online Pixlr. Obejrzyj film w każdym razie, a lepiej zrozumiesz, czym właściwie manipulujesz.

2. Pokazywanie różnych punktów widzenia

Zdjęcia Twojego produktu mogą mieć ogromny wpływ na to, czy Twoi klienci zdecydują się na zakup, czy nie.

Dlatego ważne jest, aby pokazywać różne punkty widzenia produktu, aby klienci, którzy inaczej nie mogliby podnieść i zbadać przedmiotu, tak jak zrobiliby to w sklepie, mogli uzyskać holistyczny widok (na ile to możliwe) tego, co kupują.

Jest to jeszcze ważniejsze w przypadku przedmiotów, które tradycyjnie byłyby sprzedawane tylko osobiście z powodu potrzeby wizualnej inspekcji, takich jak odzież i obuwie oraz towary, które się psują (żywność, kwiaty itp.).

Jak zmienić zdjęcie produktu w WooCommerce?

Możesz dodać dodatkowe obrazy produktów WooCommerce do swoich produktów, przesyłając je na stronę edycji produktu.

Jeśli zarządzasz dużym katalogiem, możesz również przesłać całą kolekcję i przesłać je za pomocą CSV, korzystając z wbudowanej funkcji importowania produktów CSV w WooCommerce.

Musisz tylko najpierw przesłać je do publicznie dostępnego adresu URL, świetnym wyborem jest użycie Dropboxa i pobranie publicznego adresu URL pliku obrazu do wpisu w pliku CSV.

W późniejszych wersjach WooCommerce wprowadzono natywne powiększanie po najechaniu myszką, co jest świetnym dodatkiem, zwłaszcza jeśli robisz zdjęcia w wyższej rozdzielczości, ponieważ pomoże to Twoim klientom zobaczyć drobniejsze szczegóły produktu.

Możesz również rozważyć użycie wtyczki przeglądarki 360º, która pozwoli Ci przesłać szereg obrazów tworzących trójwymiarowy widok produktu.

3. Optymalizacja prędkości ładowania

Ostatnią częścią posiadania najlepszych zdjęć produktów WooCommerce dla Twojego sklepu jest skupienie się na optymalizacji obrazów w celu zmniejszenia prędkości ładowania.

W dzisiejszych czasach istnieje wiele różnych prędkości połączeń i urządzeń, więc serwowanie zoptymalizowanych obrazów stało się ważniejsze niż kiedykolwiek.

Jaki jest najlepszy rozmiar dla zdjęć produktów WooCommerce?

Chociaż nie chcesz schodzić poniżej rozdzielczości obrazu 800px x 800px, nie chcesz też iść w drugą stronę i przesyłać nadmiernie dużych obrazów, które spowolnią przeglądarki internetowe ludzi.

Dodatkowo obrazy o niskiej rozdzielczości lub niewłaściwym rozmiarze mogą zaszkodzić reputacji Twojej witryny. Dlatego ważne jest, aby optymalizować obrazy w witrynie.

Optymalizacja plików

Przede wszystkim optymalizacja obrazów oznacza zmniejszenie rozmiaru pliku tak bardzo, jak to możliwe, przy jednoczesnym zachowaniu jak najwyższej jakości obrazu.

Oprócz optymalizacji zdjęć w Photoshopie (tak, możesz zapisać je w 80% jakości i nadal będzie to działać, a to znacznie pomoże w zmniejszeniu rozmiaru pliku) możesz potrzebować użyć innego narzędzia do usunięcia nadmiarowych danych z finalnych plików obrazów i dalszego ich skompresowania.

W tym celu polecam użycie wtyczki WordPress o nazwie WP Smush.it. To darmowe narzędzie przetwarza pliki obrazów, usuwając nadmiarowe, zbędne dane obrazu (które zawiera większość plików obrazów), zmienia rozmiar do odpowiedniego i kompresuje finalny rozmiar obrazu przed ponownym zapisaniem go w Twojej bibliotece mediów.

Z mojego doświadczenia wynika, że niektórzy użytkownicy doświadczą 10-50% skrócenia czasu ładowania strony dzięki zmniejszonemu rozmiarowi plików ich obrazów. Może to być tak skuteczne.

Subskrybuj Wholesale Suite

Inną rzeczą, którą możesz zrobić, jest serwowanie zasobów multimedialnych z sieci CDN (Content Delivery Network).

Sieci CDN są zoptymalizowane do dostarczania statycznych zasobów, takich jak obrazy. Zamiast przeciążać serwer żądaniami plików obrazów, po skonfigurowaniu Twoja witryna będzie instruować przeglądarkę użytkownika, aby zamiast tego żądała plików obrazów z serwerów CDN.

Te firmy są stworzone specjalnie do obsługi milionów żądań plików w niezwykle wydajny sposób. Dzięki ich potężnej sieci możesz niezwykle szybko dostarczać obrazy produktów (i inne obrazy używane w Twojej witrynie) użytkownikom, odciążając jednocześnie własny serwer.

Istnieje wiele usług CDN, z których możesz skorzystać:

• Cloudflare – od 20 USD/miesiąc
• MaxCDN – od 9 USD/miesiąc
• KeyCDN – od 40 USD/rok (płatność za GB)

Powyższe usługi są dość łatwo konfigurowane za pomocą wtyczki do buforowania, takiej jak WP Super Cache.

Chociaż najlepszym sposobem na skrócenie czasu ładowania jest eliminacja obrazów, niemożliwe jest wyeliminowanie wszystkich obrazów z witryny i często jest to niepożądane, zwłaszcza w sytuacji e-commerce, gdzie posiadanie wyraźnych i użytecznych obrazów produktów jest najważniejsze.

Powinieneś jednak rozważyć kompresję obrazów produktów, zmniejszenie jakości obrazu tam, gdzie to możliwe (na tyle, aby zmniejszyć rozmiar pliku, ale nie na tyle, aby było to zauważalne dla oka) i serwowanie ich odpowiednio z usługi CDN, jeśli Twój ruch tego wymaga.

Opanuj obrazy produktów WooCommerce – Twoi klienci Ci za to podziękują

Więc to zależy od Ciebie. Czy jesteś gotów opanować obrazy produktów WooCommerce?

Będziesz musiał:

1. Posiadać wysoką jakość obrazu w odpowiednich wymiarach
2. Pokazywać obrazy produktów z różnych perspektyw
3. Optymalizować prędkość ładowania obrazów

Tworzenie idealnych obrazów produktów WooCommerce to duże zadanie, ale gdy już to zrobisz, Twoi klienci podziękują Ci za dodatkowy wysiłek, ponieważ ułatwi im to podjęcie decyzji o zakupie.