--- title: "Zdjęcia produktów Webflow w limicie wagi pliku | Herofab" description: "Dla sklepu Webflow Herofab tworzy z jednego zdjęcia studyjne lub aranżowane zdjęcie produktu; plik JPG jest bezpieczniejszy przy limicie wagi Webflow." url: https://herofab.app/pl/tools/product-photos-for-webflow language: pl updated: 2026-10-12 --- # Zdjęcia produktów w Webflow, dość lekkie, by je przesłać. Webflow nie ustala rozmiaru zdjęć produktów w pikselach; jego limit dotyczy wagi każdego pliku. Studio produktowe przyjmuje jedno zdjęcie produktu, umieszcza go na studyjnym tle lub w zaaranżowanej scenie i dostarcza w 2K lub 4K. PNG w 2K może ważyć więcej, niż dopuszcza Webflow, więc dla sklepu Webflow bezpieczniejszym plikiem jest JPG. [Zacznij bezpłatnie](https://app.herofab.app/login?lang=pl) · [Studio produktowe](https://herofab.app/pl/tools/product-photography) ![Flakon perfum ze złotym filigranem na marmurowym bloku](https://herofab.app/img/ex/perfume-marble-1100.webp) Wykonano w Herofab · Studio produktowe ## Gdzie Webflow wyznacza granice. 1. ### Limit wagi zamiast rozmiaru Do Webflow można przesłać zdjęcie dowolnego rozmiaru, o ile plik mieści się w limicie wagi. PNG ze szczegółową sceną robi się ciężki: w 2K może ten limit przekroczyć, a plik 4K jest jeszcze większy. Bezpieczniejszym plikiem jest JPG. Odczytaj wagę każdego pliku przed przesłaniem; sam limit jest w tabeli na tej stronie. 2. ### Main image i More images Produkt w Webflow ma jedno pole Main image, czyli zdjęcie główne, i pole More images, które mieści ograniczoną liczbę dalszych zdjęć. Pliki SVG są niedozwolone w polach zdjęć produktu i wariantu. Do pola Main image daj najprostszy widok całości; pozostałe miejsca mogą zająć inne ujęcia, zaaranżowana scena i zbliżenie detalu, wykonane z tego samego zdjęcia źródłowego. 3. ### Warianty responsywne, ale nie przy imporcie Z dostatecznie szerokiego zdjęcia Webflow generuje zestaw węższych wariantów, dla zdjęć JPG, PNG i WebP osadzonych w treści. Zdjęcia dodane przez import CSV lub API nie otrzymują takich wariantów, a Webflow podaje, że powinny mieć już właściwy rozmiar i być zoptymalizowane. Katalog wprowadzany importem wymaga więc wcześniejszego przygotowania plików. ## Czego wymaga Webflow? Punkt po punkcie. Źródło: [Webflow Help Center — Responsive images; Image; Image file types; Image resolution; Multi-image Collection field; Ecommerce Collections overview; Assets panel; Image conversion tool; Import/export Ecommerce products and variants; Include alt text on images](https://help.webflow.com/hc/en-us/articles/33961378697107-Responsive-images). Sprawdzone 12 października 2026. - **Rozmiar pliku:** Maksymalnie 4 MB dla każdego zdjęcia - **Rozmiar:** Można przesłać zdjęcie w dowolnym rozmiarze, o ile plik jest mniejszy niż limit 4 MB; zdjęcia WebP mają limit długości boku wynoszący 16 383 pikseli - **Formaty:** PNG, JPEG, SVG i WebP są wymieniane jako najlepsze formaty zdjęć do przesyłania - **Niedozwolone:** Zdjęcia SVG w polach zdjęć produktu i wariantu oraz animowane pliki AVIF - **Liczba:** Produkt ma jedno pole Main image oraz pole wielu zdjęć More images, które mieści do 25 zdjęć - **Zdjęcia responsywne:** Dla zdjęcia szerszego niż 3200 pikseli Webflow generuje 7 wariantów: 3200, 2600, 2000, 1600, 1080, 800 i 500 pikseli; warianty powstają dla osadzonych w treści zdjęć JPG, PNG i WebP - **Import z CSV i API:** Zdjęcia dodane przez import z CSV lub przez API nie otrzymują wariantów responsywnych, więc powinny już mieć właściwy rozmiar i być zoptymalizowane - **WebP i AVIF:** Zasoby JPEG i PNG można przekonwertować do WebP lub AVIF wbudowanym narzędziem do konwersji; konwersja jest stratna i zastępuje oryginalny plik - **Tekst alternatywny:** Tekst alternatywny można ustawić dla każdego zdjęcia, także dla każdego zdjęcia w polu wielu zdjęć; Webflow AI może go wygenerować dla plików JPG, PNG, GIF, WebP i AVIF [Webflow: wymagania zdjęć produktów](https://herofab.app/pl/guides/webflow-ecommerce-product-image-size) · [Sprawdź swoje zdjęcia — za darmo](https://herofab.app/pl/tools/image-size-checker) ## Zdjęcie, z którego powstaje strona produktu w Webflow. - Zrób jedno zdjęcie całego produktu i jedno zbliżenie jego najdrobniejszej części, zapięcia, tarczy lub wszytej metki; pole More images ma miejsce na ujęcie detalu obok głównego. - Zmieść w kadrze każdą krawędź produktu, z marginesem wokół; fragmentu uciętego przez kadr nie da się wiernie odtworzyć, jakakolwiek scena zostanie później wybrana. - Zanotuj nazwę, materiał i kolor produktu, póki masz go w ręku: Webflow pozwala ustawić tekst alternatywny dla każdego zdjęcia, także dla każdego w polu More images. ## Zdjęcia produktów do sklepu Webflow: odpowiedzi. **Do sklepu Webflow powinien trafić plik PNG czy JPG?** W większości przypadków JPG. Webflow ogranicza wagę każdego pliku zdjęcia, a PNG w 2K z Herofab może być cięższy niż ten limit, podczas gdy JPG tego samego zdjęcia jest lżejszy. PNG i JPEG są wśród formatów, które Webflow wymienia do przesyłania. Jeśli potrzebny jest PNG, najpierw należy odczytać jego wagę; darmowy weryfikator rozmiaru zdjęć sprawdza plik w przeglądarce pod kątem limitu opublikowanego przez Webflow. **Czy na zdjęciach z Herofab można użyć narzędzia konwersji Webflow?** Wbudowane narzędzie Webflow konwertuje zasoby JPEG i PNG do WebP lub AVIF. Webflow opisuje tę konwersję jako stratną i podaje, że zastępuje ona oryginalny plik. Przed konwersją zachowaj plik pobrany z Herofab poza Webflow jako kopię wzorcową, a po konwersji obejrzyj drobne napisy na produkcie. **Ile zdjęć przyjmuje produkt w Webflow?** Jedno w polu Main image i określoną liczbę kolejnych w polu More images; liczba jest w tabeli na tej stronie. Studio produktowe może pokazać produkt z przodu, w ujęciu trzy czwarte, z boku lub z góry, na gładkim tle lub w scenie, wszystko z jednego zdjęcia źródłowego. Każde dodane zdjęcie to kolejny plik objęty limitem wagi i każde może mieć własny tekst alternatywny. **Ile to kosztuje?** 4 kredyty za zdjęcie, plus jeden kredyt za 4K. Koszt jest widoczny przed generowaniem, a jeśli zadanie się nie powiedzie, kredyty wracają. 20 darmowych kredytów przy rejestracji wystarcza na 5 zdjęć tym narzędziem. [Studio produktowe](https://herofab.app/pl/tools/product-photography) · [Zdjęcie główne](https://herofab.app/pl/glossary/main-image) · [Zdjęcie aranżacyjne](https://herofab.app/pl/glossary/lifestyle-image) · [Proporcje obrazu](https://herofab.app/pl/glossary/aspect-ratio) Przykłady według produktu [Zdjęcia produktów do Square Online](https://herofab.app/pl/tools/product-photos-for-square-online) · [Zdjęcia produktów do Lightspeed eCom](https://herofab.app/pl/tools/product-photos-for-lightspeed) · [Zdjęcia produktów do sklepu Big Cartel](https://herofab.app/pl/tools/product-photos-for-big-cartel) · [Zdjęcia produktów do sklepu SHOPLINE](https://herofab.app/pl/tools/product-photos-for-shopline) · [Zdjęcia produktów na Wayfair](https://herofab.app/pl/tools/product-photos-for-wayfair) · [Zdjęcia produktów na Orderchamp](https://herofab.app/pl/tools/product-photos-for-orderchamp) · [Zdjęcia produktów na ABOUT YOU](https://herofab.app/pl/tools/product-photos-for-about-you) · [Zdjęcia produktów na Trendyol](https://herofab.app/pl/tools/product-photos-for-trendyol)