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.
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. 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
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.
Twoja następna kolekcja, sfotografowana w tym tygodniu.
20 kredytów przy rejestracji, bez karty. Zdjęcia z darmowych kredytów mają znak wodny.