Kompletny przewodnik po optymalizacji rozmiarów obrazów Shopify dla Twojego sklepu

Gdy Twój sklep jest dostępny online, musisz wziąć pod uwagę wiele czynników, aby zapewnić sprawne i wydajne działanie sklepu. Zwłaszcza jeśli klienci robią zakupy online, nie mogą zobaczyć produktów, które sprzedajesz bezpośrednio, i nie mogą kontrolować jakości towarów. Dlatego mogą czuć się niezdecydowani przy podejmowaniu decyzji o zakupie Twoich produktów. Innymi słowy, musisz upewnić się, że Twoje zdjęcia w sklepach internetowych są dobrej jakości i pokazują wiele aspektów towarów, które sprawiają, że kupujący chcą kupować. Jeśli jesteś właścicielem sklepu Shopify, ten artykuł jest zdecydowanie dla Ciebie. Udzielimy Ci najlepszego przewodnika po optymalizacji rozmiarów obrazu produktu dla Twojego sklepu Shopify.

Na początek możesz się zastanawiać, dlaczego rozmiary obrazów są ważne dla Twojego sklepu Shopify?

Większe wrażenia użytkownika: gdy Twoje zdjęcia są tworzone do oglądania na wszystkich urządzeniach w sposób nierozmyty i nierozciągnięty, kupujący online mogą lepiej obrazować rzeczy, rozumieć specyfikacje i uzyskać wirtualny wygląd. To poprawia ich ogólne wrażenia z zakupów.

Zwiększ prędkość ładowania strony: Optymalizując rozmiary obrazów, żadna ze stron internetowych nie stanie się niepotrzebnie duża. Nie ma znaczenia, ile obrazów znajduje się na stronie. W rezultacie Twoja witryna załaduje się w mniej niż trzy sekundy, co jest najkrótszym czasem, jaki konsument będzie tolerował. Jeśli chcesz szybciej ulepszyć swoją witrynę, możesz zbadać i wdrożyć inne porady dotyczące optymalizacji wydajności sklepu Shopify.

Wzmocnij inne działania SEO: Optymalizacja zdjęcia sprawi, że Twoja strona wczytuje się z doskonałą szybkością i pomoże we wszystkich działaniach SEO. Informuje wyszukiwarki, że Twoja witryna zawiera informacje, których szukają, co podnosi Twoją pozycję w rankingu.

Następnie przedstawimy Ci kilka popularnych rozmiarów obrazów Shopify

Rozmiar obrazu produktu Shopify: 2048 x 2048 pikseli lub 800 x 800 pikseli

Pamiętaj, że możesz przesyłać tylko zdjęcia produktów Shopify o maksymalnej wielkości 4472 x 4472 pikseli i rozmiarze 20 MB. Jednak przez większość czasu jest to przesada. Tak duże grafiki są niepotrzebne dla Twojego sklepu i spowalniają czas ładowania strony. Zamiast tego, w przypadku kwadratowych zdjęć produktów Shopify zaleca rozmiar 2048 x 2048 pikseli. Aby osiągnąć fantastyczną równowagę między doskonałą jakością a szybkim ładowaniem witryny, użyj formatu JPG lub PNG. Zdjęcia produktów nie powinny być mniejsze niż 800 na 800 pikseli. W przeciwnym razie funkcje takie jak powiększanie mogą nie działać zbyt dobrze.

Rozmiar obrazu kolekcji Shopify: 2048 x 2048 pikseli

W przypadku fotografii z kolekcji Shopify nie ma wymaganego rozmiaru; jednak mogą mieć dowolny rozmiar do 4472 x 4472 px lub 20 megapikseli. W celu uzyskania kwadratowych zdjęć o wysokiej rozdzielczości Shopify zwykle zaleca ograniczenie obrazów do 2048 × 2048 pikseli.

Poza rozmiarem, wymiary kolekcji zdjęć powinny być ze sobą zgodne. Z drugiej strony stosunek ich wysokości do szerokości musi pozostać stały. W przeciwnym razie zrujnowałyby interfejs Twojej strony kolekcji.

Rozmiar obrazu pokazu slajdów Shopify: szerokość od 1200 do 2000 pikseli, wysokość od 400 do 600 pikseli

Sugerowana proporcja obrazu pokazu slajdów Shopify wynosi od 400 do 600 pikseli wysokości i 1200 do 2000 pikseli szerokości.

Po przejściu do widoku mobilnego/małego ekranu następuje pewne zmniejszanie i przycinanie. W rezultacie wyśrodkuj zdjęcia w ustawieniach pokazu slajdów Shopify. W rezultacie górna, dolna, lewa i prawa część obrazu zostaną przycięte, poprawiając ogólny wygląd.

Rozmiar obrazu nagłówka Shopify: wysokość nie większa niż 120 pikseli

W niektórych przypadkach możesz chcieć dołączyć zdjęcia do bloku nagłówka. Może służyć jako dodatkowe logo lub reklama nadchodzącej okazji. W motywach Shopify blok nagłówka może mieć maksymalną wysokość 250 pikseli. Zalecamy jednak wykorzystanie zdjęć o maksymalnej wysokości 120 pikseli.

Rozmiar banera Shopify: 1200 x 400 do 600 pikseli

Decydując o rozmiarze banera Shopify, musisz wziąć pod uwagę wymagania swojego konkretnego motywu. Możesz wykorzystać zdjęcia 1200×800 px, na przykład w przypadku motywu Brooklyn.

Rozmiar logo Shopify: 450 x 250 pikseli

Największe logo Shopify ma wymiary 450 x 250 pikseli. Źródłem tego jest szerokość paska bocznego wynosząca 250 pikseli. Chociaż utrzymanie tego limitu jest niezbędne, Twoje logo nie musi mieć dokładnie 450 pikseli szerokości i 205 pikseli wysokości.

Następnie proponujemy popularne formatowanie obrazu Shopify

Zapoznaj się z kilkoma najpopularniejszymi formami graficznymi, które są popularne w fotografii eCommerce. Musisz być poinformowany o zaletach i wadach każdego z nich.

JPG/Jpeg

Najczęściej używanym formatem plików graficznych w sklepach Shopify jest zdecydowanie JPG. Ma dobre spektrum kolorów i niewielki rozmiar pliku, co umożliwia szybkie ładowanie. Zdolność kompresji JPG zapewnia fantastyczny kompromis między jakością a rozmiarem. W takim przypadku Shopify wyraźnie sugeruje, aby sprzedawcy wykorzystywali JPG do zdjęć na stronie produktu.

PNG

PNG to kolejna niezwykle popularna forma obrazu stosowana w sklepach Shopify. Ze względu na możliwość zmniejszania rozmiaru pliku obrazu bez pogorszenia ogólnej jakości obrazu PNG jest fantastycznym rozwiązaniem dla witryn e-commerce. Dodatkowo PNG obsługuje przezroczystość, dając Ci większą kontrolę nad wyglądem Twojego sklepu. Bezstratna kompresja PNG jest wyzwaniem, ponieważ często skutkuje bardzo dużymi plikami graficznymi.

GIF

Krótkie animacje lub objaśnienia produktów można tworzyć przy użyciu powszechnie używanego formatu obrazu GIF (bardzo popularnego w sklepach Shopify Dropshipping). Twoje zdjęcia nie będą najbardziej żywe, ponieważ format obrazu GIF pozwala tylko na około 250 kolorów. Ale w połączeniu z innymi formatami obrazu mogą naprawdę błyszczeć.

SPRZECZKA

Kilka internetowych narzędzi do edycji obsługuje użyteczny format obrazu TIFF. Oznacza to, że edycja obrazu i dostosowywanie do kampanii marketingowych jest proste dla projektantów i sprzedawców detalicznych. TIFF zapewnia wysoką jakość, a w jednym pliku można zapisać wiele zdjęć. Jednak podobnie jak w przypadku PNG, rozmiar pliku prowadzi do większego rozmiaru ze względu na bezstratną kompresję.

Generalnie zaleca się wybór formatu JPG/Jpeg, jeśli nie masz pewności, jakiego rozmiaru obrazu użyć. Jak już ustaliliśmy, JPG jest jedynym formatem obrazu, który skutecznie równoważy rozmiar pliku i jakość obrazu.

Teraz przechodzimy do typów obrazów, które mają być zawarte w Twoim sklepie Shopify

Zdjęcia tylko produktów

Te obrazy to pojedyncze zdjęcia Twoich towarów, jak sama nazwa wskazuje. Zdjęcia przedstawiające sam produkt przedstawiają „główny” przedmiot pod różnymi kątami, aby pomóc klientom w dokonaniu wyboru zakupu. Często są robione na białym lub neutralnym tle.

Podczas fotografowania produktów bardzo ważne jest zachowanie spójności pomiędzy ułożeniem każdego obrazu. Należy również pamiętać o kryteriach idealnego rozmiaru obrazu Shopify, aby zapewnić bezproblemową obsługę.

Produkt w użyciu

Drugim rodzajem fotografii do zastosowania w sklepie Shopify jest używany produkt, samodzielnie lub w połączeniu z innymi towarami, które wzbogacają główny przedmiot.

Tego rodzaju obrazy poprawią zrozumienie produktu dla potencjalnych nabywców i zwiększą zaangażowanie i konwersję.

Fotografie z nakładkami graficznymi

Aby uzyskać bardziej charakterystyczny wygląd, możesz wykazać się nieco kreatywnością i zastosować na zdjęciach nakładki graficzne, takie jak tekst i inne obrazy. Dzięki pomocy programów takich jak Canva lub podobnych alternatyw, możesz to łatwo osiągnąć.

Grafika

Możesz używać grafiki w swoim sklepie Shopify do wyświetlania treści informacyjnych. Może to być wizualna reprezentacja różnych opcji, tabela rozmiarów, a nawet próbnik kolorów.

Wreszcie, jak zoptymalizować rozmiary obrazów produktów Shopify

Nadaj swoim zdjęciom imiona

Większość sprzedawców w pośpiechu przegląda liczne zdjęcia produktów, nie zawracając sobie głowy zmianą nazwy domyślnego aparatu. Oprócz indeksowania tekstu na Twoich stronach wyszukiwarki analizują również nazwy plików obrazów, aby określić zawartość strony.

Kompresuj swoje obrazy

Przeciętny klient nie będzie czekał dłużej niż trzy sekundy na uruchomienie witryny e-commerce. Musisz zatem podjąć wszelkie niezbędne kroki, aby Twoje strony ładowały się szybciej.

Jedną z najlepszych strategii radzenia sobie z niską szybkością strony jest zmniejszenie rozmiaru pliku zdjęć. Aby uzyskać maksymalną wydajność, dobrym pomysłem jest utrzymanie rozmiarów obrazu około 70 KB.

Na szczęście Shopify już nieznacznie zmniejsza rozmiar Twoich zdjęć. Aby jeszcze bardziej zmniejszyć rozmiar swoich zdjęć, możesz również skorzystać z bezpłatnych programów TinyIMG i CrushPics. Za pomocą tych narzędzi możesz zbiorczo przetwarzać kilka plików jednocześnie i zarządzać ilością kompresji.

Używaj spójnego stylu w całym swoim sklepie internetowym

Pamiętaj, aby konsekwentnie modyfikować swoje zdjęcia, aby zapewnić odwiedzającym Twoją witrynę jednolite doświadczenie zakupów w Twoim sklepie internetowym. Oznacza to, że dla jednolitego i dopracowanego wyglądu rozmiar, styl, tło, a czasem nawet układ kolorów powinny być identyczne.

Uwzględnij zdjęcia związane ze stylem życia i produktami

W większości przypadków połączenie standardowych fotografii produktowych i zdjęć związanych ze stylem życia zwiększy współczynniki konwersji. Czysta fotografia produktowa ma kluczowe znaczenie, aby umożliwić klientom zbadanie cech produktu, podczas gdy zdjęcia lifestylowe umożliwiają użytkownikom zobrazowanie przedmiotu w ich codziennym życiu.

Użyj testów A/B, aby znaleźć najlepsze obrazy

Na koniec wypróbuj różne odmiany swoich zdjęć, aby odkryć, które z nich sprawdzają się najlepiej. Możesz przetestować następujące elementy:

• Ile zdjęć produktów znajduje się na każdej stronie?
• Rodzaje obrazów, które są najskuteczniejsze
• Ilość na każdej stronie kolekcji produktów ma (10, 20, 100)

Aby zobaczyć, jak użytkownicy wchodzą w interakcję z Twoimi zdjęciami, użyj aplikacji do mapowania ciepła, takiej jak hotjar. Alternatywnie możesz użyć prostej ankiety po zakupie na swojej stronie z podziękowaniami, aby zapytać klientów o preferowane typy obrazów.

Sprawdź wytyczne i zapamiętaj idealne rozmiary obrazów Shopify

Aby mieć pewność, że jesteś na dobrej drodze, przejrzyj instrukcje, które rozmiary i formaty obrazów Shopify najlepiej pasują do Twojego motywu. Pamiętaj o najlepszych wymiarach obrazu Shopify. Jeśli zatrudnisz doświadczonych fotografów do robienia zdjęć Twoich towarów, możesz z wyprzedzeniem poinformować ich, czego potrzebujesz. W ten sposób zaoszczędzisz mnóstwo czasu!

Optymalizacja obrazu pod kątem urządzeń mobilnych

Czy wiesz, że 79% użytkowników telefonów komórkowych kupiło cokolwiek w ciągu ostatnich sześciu miesięcy za pomocą smartfona? W związku z tym w 2022 roku i później optymalizacja zdjęć pod kątem urządzeń mobilnych będzie miała kluczowe znaczenie.

Shopify często automatycznie dostosowuje rozmiary obrazu do urządzeń mobilnych i urządzeń z małym ekranem. Aby zmodyfikować zdjęcia na urządzenia mobilne, czasami trzeba ręcznie zmienić zdjęcia.

Aby stworzyć zdjęcie dostosowane do urządzeń mobilnych, zastosuj się do tych wskazówek:

• Nie używaj zbyt dużych obrazów, ponieważ mogą być zniekształcone na urządzeniach mobilnych.
• Trzymaj towary wyśrodkowane zarówno w pionie, jak iw poziomie i używaj kwadratowych zdjęć.
• Aby Twoje zdjęcia wczytywały się szybciej na urządzeniach mobilnych, użyj leniwego ładowania.
• Za każdym razem, gdy dodajesz zdjęcie, sprawdź, jak wygląda na urządzeniu mobilnym.

Użyj obrazów stockowych

Na blogach i banerach możesz również wykorzystać zdjęcia stockowe w rozsądnej cenie, aby zilustrować swoje pisanie. Ponieważ jednak zdjęcia stockowe mogą czasami być ogólne, pamiętaj, aby umieścić własną pieczęć, edytując i stosując nakładki, aby pasowały do ​​Twojej firmy.

Wniosek

W temacie przedstawiamy dokładny przewodnik dotyczący optymalizacji obrazu w sklepach Shopify. Dzięki pomocnym sugestiom mamy nadzieję, że poprawisz jakość swojego produktu graficznego. Jeśli Twoi konsumenci nie mogą mieć ogólnego przeglądu produktów, zakup Twoich towarów może być trudny. Dlatego Twój wizerunek w sklepie odgrywa ważną rolę w przyciąganiu większej liczby klientów i zwiększaniu sprzedaży. Jeśli chcesz, aby Twój sklep wyglądał bardziej atrakcyjnie i profesjonalnie, możesz skontaktować się z nami, aby mieć ekspertów, którzy mogą przenieść Twój sklep na wyższy poziom.