Przewodnik po rozmiarach obrazów Shopify (2026)
Shopify akceptuje prawie każdy obraz, a następnie pozwala motywowi zdecydować, jak go wyświetlić — to właśnie sprawia, że katalogi mają niespójne siatki, rozmyte powiększenia i przycięte obrazy hero na urządzeniach mobilnych. Ten przewodnik wymienia rzeczywiste limity platformy Shopify, rozmiary działające w różnych motywach oraz jak zmienić rozmiar całego katalogu, aby spełniał wymagania.
Krótka odpowiedź
- Zdjęcia produktów: 2048 × 2048 px kwadrat — wystarczająco duże do powiększenia, wystarczająco małe, by ładować się szybko.
- Limity platformy: do 5000 × 5000 px (25 megapikseli) i poniżej 20 MB na obraz.
- Do powiększenia potrzeba więcej niż 800 × 800 px — poniżej tego rozmiaru motywy wyłączają je.
- Rozmiary hero i banerów zależą od motywu; 1920 × 1080 px (16:9) to bezpieczna baza dla sekcji pełnej szerokości.
Rozmiary obrazów produktów i kolekcji Shopify
Te limity dotyczą całej platformy; sposób wyświetlania obrazów zależy od Twojego motywu. Kwadraty dla produktów są konwencją działającą w wielu motywach.
| Element | Zalecane | Minimum | Proporcje | Uwagi |
|---|---|---|---|---|
| Zdjęcie produktu | 2048 × 2048 px | More than 800 × 800 px for zoom | 1:1 (keep the whole catalog consistent) | Platform max 5000 × 5000 px or 25 megapixels; file size under 20 MB. |
| Obraz kolekcji | 2048 × 2048 px | — | 1:1 (or your theme's collection ratio) | Użyj tego samego współczynnika dla wszystkich kolekcji, aby siatki były wyrównane. |
| Obsługiwane formaty | JPEG lub WebP dla zdjęć, PNG dla grafik z przezroczystością | — | — | Shopify także akceptuje HEIC i GIF; jego CDN automatycznie serwuje zoptymalizowane, responsywne warianty. |
Rozmiary hero, logo i favicon w Shopify
Dokładne rozmiary wyświetlania zależą od motywu — sprawdź zalecenia edytora motywu dla każdego slotu; poniżej bezpieczne, uniwersalne wartości.
| Element | Zalecane | Minimum | Proporcje | Uwagi |
|---|---|---|---|---|
| Obraz hero / slideshow | 1920 × 1080 px (16:9) | — | 16:9 (theme-dependent) | Sekcje pełnej szerokości są przycinane pionowo na urządzeniach mobilnych — trzymaj obiekt na środku. |
| Logo | Upload at 2× the displayed size for retina screens | — | — | Rozmiar wyświetlany ustawia motyw; standardem jest PNG z przezroczystością. |
| Favicon | 32 × 32 px | — | 1:1 | Shopify skaluje przesłany plik do 32 × 32 px. |
| Obraz bloga / obraz wyróżniony | 1920 × 1080 px | — | 16:9 | Jeden spójny współczynnik zapobiega przesunięciom układu w siatkach bloga. |
Utrzymaj spójność katalogu (i działające powiększenie)
Ustandaryzuj cały katalog na jednym kwadratowym rozmiarze
Mieszane wymiary sprawiają, że siatki produktów wyglądają niechlujnie. Zmień rozmiar każdego zdjęcia produktu do tego samego kwadratu 2048 × 2048 px — dopełniaj lub regeneruj tła zamiast rozciągać produkt.
Nigdy nie wysyłaj obrazów o rozmiarze równo lub poniżej 800 px
Motywy Shopify wyłączają powiększenie przy około 800 × 800 px. Powiększenie to miejsce, gdzie klienci oglądają materiał i detale, więc traktuj 2048 px jako minimalny rozmiar eksportu dla produktów.
Pozwól CDN Shopify wykonywać kompresję
CDN Shopify automatycznie serwuje responsywne, zoptymalizowane warianty (w tym WebP). Prześlij czyste, wysokiej rozdzielczości źródło zamiast nadmiernie je kompresować — małe pliki nie dadzą CDN nic do optymalizacji.
Zwróć uwagę na przycinanie na urządzeniach mobilnych w hero
Sekcje hero pełnej szerokości są mocno przycinane na telefonach. Trzymaj obiekt i obszar bezpieczny dla tekstu na środku kadru i podglądaj sekcję w szerokości mobilnej przed publikacją.
Napisz alt text przy okazji
Tekst alternatywny wpływa na pozycjonowanie w Google Images i jest wymagany ze względów dostępności. Opisz produkt, nie twórz listy słów kluczowych.
Zmieniaj rozmiary hurtowo, nie pojedynczo
Katalog o mieszanych rozmiarach to zadanie wsadowe: przepuść każdy SKU przez ten sam krok zmiany rozmiaru i dopełniania (lub regeneruj na czystych tłach), aby nowe przesyłane pliki domyślnie spełniały specyfikację.
Zmień rozmiar całego katalogu do specyfikacji Shopify
Prześlij zdjęcia produktów i eksportuj spójny zestaw — czyste tła, dokładne kwadraty 2048 × 2048 px, plus kadry lifestyle i hero z tego samego źródła. Plany od $19/month.
Najczęstsze pytania
Jaki jest najlepszy rozmiar obrazu dla produktów Shopify?
2048 × 2048 px kwadrat. Jest to znacznie powyżej progu powiększenia, wyświetla się ostro na ekranach retina i pozostaje daleko poniżej limitów Shopify: 25 megapikseli i 20 MB.
Jaki jest maksymalny rozmiar obrazu akceptowany przez Shopify?
5000 × 5000 px, czyli 25 megapikseli łącznie, z rozmiarem pliku poniżej 20 MB. Obrazy przekraczające którykolwiek z tych limitów nie załadują się.
Dlaczego Shopify nie akceptuje mojego obrazu?
Prawie zawsze przyczyna to jeden z trzech limitów: ponad 25 megapikseli (szerokość × wysokość), plik większy niż 20 MB lub nieobsługiwany format. Zmień rozmiar, aby żadna strona nie przekraczała 5000 px i eksportuj jako JPEG, PNG lub WebP.
Jaki współczynnik proporcji powinny mieć obrazy produktów Shopify?
1:1 kwadrat to konwencja działająca w różnych motywach dla produktów i kolekcji. Hero i banery zwykle mają 16:9 lub szersze proporcje, ale dokładny współczynnik ustawia Twój motyw — sprawdź rekomendację edytora motywu dla danego slotu.
Czy Shopify automatycznie kompresuje obrazy?
Tak. CDN Shopify generuje responsywne warianty i automatycznie serwuje nowoczesne formaty jak WebP. Prześlij jak najlepsze źródło; nie kompresuj go nadmiernie przed wysłaniem.
Jaki rozmiar powinien mieć obraz hero w Shopify?
1920 × 1080 px (16:9) to bezpieczna baza dla sekcji hero i slideshow w pełnej szerokości. Twój motyw może zalecać inny współczynnik — edytor motywu pokaże idealny rozmiar dla sekcji.
Jak zmienić rozmiar zdjęć produktów dla Shopify?
Zmień rozmiar i dopełnij każde zdjęcie do tej samej kwadratowej płótna (2048 × 2048 px) zamiast rozciągać lub przycinać produkt. Dla całego katalogu wykonaj zadanie wsadowe: narzędzie AI do zdjęć produktowych może zregenerować każdy SKU na czystym tle w dokładnych wymiarach w jednym przebiegu.
Jaki rozmiar powinny mieć obrazy kolekcji Shopify?
Dopasuj do swoich zdjęć produktowych: 2048 × 2048 px kwadraty lub dowolny jednolity współczynnik używany przez siatkę kolekcji Twojego motywu. Spójność jest ważniejsza niż dokładna liczba.
Oficjalne źródło: Shopify Help Center: Product media types