Produktbilleder til Webflow, lette nok til upload.
Webflow fastsætter ingen pixelstørrelse for produktbilleder; grænsen gælder hver fils størrelse. Produktstudiet tager ét foto af et produkt, sætter det på en studiebund eller i en stylet scene og leverer det i 2K eller 4K. En 2K-PNG kan fylde mere, end Webflow tillader, så JPG-downloadet er den sikreste fil til en Webflow-butik.
Hvor Webflow trækker sine grænser.
- 1
En filgrænse i stedet for et pixelmål
Et billede i enhver størrelse kan uploades til Webflow, forudsat at filen holder sig under grænsen for filstørrelse. En PNG af en detaljeret scene bliver tung: I 2K kan den overskride den grænse, og en 4K-fil er endnu større. JPG-downloadet er den sikreste fil. Læs hver fils størrelse, før den uploades; selve grænsen står i tabellen på denne side.
- 2
Main image og More images
Et Webflow-produkt har ét Main image-felt og et More images-felt, der rummer et begrænset antal yderligere billeder. SVG-filer er ikke tilladt i billedfelter for produkter og varianter. Giv Main image-feltet den enkleste visning af hele produktet; de øvrige pladser kan rumme andre vinkler, en stylet scene og en nær detalje lavet ud fra samme kildefoto.
- 3
Responsive varianter, undtagen ved import
Ud fra et tilstrækkeligt bredt billede genererer Webflow et sæt smallere varianter for inline-billeder i JPG, PNG og WebP. Billeder, der tilføjes via en CSV-import eller API'et, får ingen sådanne varianter, og Webflow siger, at de allerede bør have den rette størrelse og være optimeret. Et katalog, der hentes ind ved import, skal derfor have sine filer forberedt på forhånd.
Hvad Webflow kræver.
Kilde: 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. Tjekket 12. oktober 2026.
- Filstørrelse
- Højst 4 MB for hvert billede
- Størrelse
- Billeder i enhver størrelse kan uploades, så længe filen er mindre end grænsen på 4 MB; WebP-billeder har en grænse for sidelængden på 16.383 pixels
- Formater
- PNG, JPEG, SVG og WebP nævnes som de bedste billedformater at uploade
- Ikke tilladt
- SVG-billeder i billedfelter for produkter og varianter samt animerede AVIF-filer
- Antal
- Et produkt har ét felt Main image og et flerbilledfelt More images, som rummer op til 25 billeder
- Responsive billeder
- For et billede, der er bredere end 3.200 pixels, genererer Webflow 7 varianter i 3.200, 2.600, 2.000, 1.600, 1.080, 800 og 500 pixels; varianter laves for inline-billeder i JPG, PNG og WebP
- Import via CSV og API
- Billeder, der tilføjes via en CSV-import eller API'et, får ingen responsive varianter, så de bør allerede have den rigtige størrelse og være optimeret
- WebP og AVIF
- Aktiver i JPEG og PNG kan konverteres til WebP eller AVIF med det indbyggede konverteringsværktøj; konverteringen sker med tab og erstatter den oprindelige fil
- Alt-tekst
- Alt-tekst kan angives for hvert billede, også for hvert billede i et flerbilledfelt; Webflow AI kan generere den for JPG, PNG, GIF, WebP og AVIF
Fotoet bag en produktside i Webflow.
- Tag ét foto af hele produktet og ét nærfoto af dets fineste del, en lås, en urskive eller en påsyet etiket; More images-feltet har plads til en detaljevisning ved siden af hovedvisningen.
- Hold hver kant af produktet inden for billedet med en margen omkring; en del, der er skåret af billedkanten, kan ikke tilføjes tro mod originalen, uanset hvilken scene der vælges senere.
- Notér produktets navn, materiale og farve, mens det er ved hånden: I Webflow kan der angives alt-tekst for hvert billede, også for hvert enkelt i More images-feltet.
Produktfotos til Webflow: svar.
Skal PNG-filen eller JPG-filen ind i en Webflow-butik?
JPG'en, i de fleste tilfælde. Webflow begrænser hver billedfils størrelse, og en 2K-PNG fra Herofab kan være tungere end den grænse, mens JPG'en af samme billede er lettere. PNG og JPEG er begge blandt de formater, Webflow nævner for upload. Ønskes en PNG, bør dens filstørrelse læses først; det gratis billedstørrelsestjek tester en fil i browseren mod Webflows offentliggjorte grænse.
Kan Webflows konverteringsværktøj bruges på Herofab-billeder?
Webflows indbyggede værktøj konverterer JPEG- og PNG-filer til WebP eller AVIF. Webflow beskriver konverteringen som tabsgivende og siger, at den erstatter den oprindelige fil. Gem den fil, der er downloadet fra Herofab, uden for Webflow som masterkopi før konverteringen, og se på fin skrift på produktet, når konverteringen er gennemført.
Hvor mange billeder kan et Webflow-produkt have?
Ét i Main image-feltet og et fast antal mere i More images-feltet; antallet står i tabellen på denne side. Produktstudiet kan vise produktet forfra, i trekvart, fra siden eller oppefra, på en enkel bund eller i en scene, alt ud fra ét kildefoto. Hvert tilføjet billede er endnu en fil under filgrænsen, og hvert kan have sin egen alt-tekst.
Hvad koster det?
4 kreditter pr. billede, plus én kredit for 4K. Prisen vises, før du genererer, og hvis et job mislykkes, returneres kreditterne. De 20 gratis kreditter ved tilmelding rækker til 5 billeder med dette værktøj.
Din næste kollektion, fotograferet i denne uge.
20 kreditter ved tilmelding, intet betalingskort påkrævet. Billeder lavet med gratis kreditter har et vandmærke.