Produktbilder for Webflow, lette nok til å lastes opp.
Webflow setter ingen pikselstørrelse for produktbilder; grensen gjelder filstørrelsen for hver fil. Produktstudio tar ett bilde av et produkt, setter det på en studiogrunn eller i en stylet scene og leverer det i 2K eller 4K. En 2K-PNG kan bli tyngre enn Webflow tillater, så JPG-nedlastingen er den tryggeste filen for en Webflow-butikk.
Der Webflow setter grensene sine.
- 1
En filgrense i stedet for et pikselmål
Et bilde i en hvilken som helst størrelse kan lastes opp til Webflow så lenge filen holder seg under grensen for filstørrelse. En PNG av en detaljert scene blir tung: i 2K kan den overstige grensen, og en 4K-fil er enda større. JPG-nedlastingen er den tryggeste filen. Les filstørrelsen for hver fil før den lastes opp; selve grensen står i tabellen på denne siden.
- 2
Main image og More images
Et Webflow-produkt har ett felt, Main image, og et felt, More images, som rommer et begrenset antall flere bilder. SVG-filer er ikke tillatt i bildefeltene for produkter og varianter. Gi Main image-feltet den enkleste visningen av hele produktet; de øvrige plassene kan ha andre vinkler, en stylet scene og en nær detalj, laget fra det samme kildebildet.
- 3
Responsive varianter, unntatt ved import
Fra et bilde som er bredt nok, genererer Webflow et sett smalere varianter, for innebygde bilder i JPG, PNG og WebP. Bilder som legges til gjennom en CSV-import eller API-et, får ingen slike varianter, og Webflow sier at de allerede bør ha riktig størrelse og være optimalisert. En katalog som hentes inn ved import, må derfor ha filene klargjort på forhånd.
Dette krever Webflow.
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. Kontrollert 12. oktober 2026.
- Filstørrelse
- Maksimalt 4 MB for hvert bilde
- Størrelse
- Enhver bildestørrelse kan lastes opp så lenge filen er mindre enn grensen på 4 MB; WebP-bilder har en grense for sidelengde på 16 383 piksler
- Formater
- PNG, JPEG, SVG og WebP nevnes som de beste bildeformatene å laste opp
- Ikke tillatt
- SVG-bilder i bildefeltene for produkt og variant, og animerte AVIF-filer
- Antall
- Et produkt har ett felt, Main image, og et flerbildefelt, More images, som rommer opptil 25 bilder
- Responsive bilder
- For et bilde som er bredere enn 3 200 piksler, genererer Webflow 7 varianter på 3 200, 2 600, 2 000, 1 600, 1 080, 800 og 500 piksler; varianter lages for innebygde JPG-, PNG- og WebP-bilder
- Import via CSV og API
- Bilder som legges til via CSV-import eller API-et, får ikke responsive varianter, så de bør allerede ha riktig størrelse og være optimalisert
- WebP og AVIF
- JPEG- og PNG-ressurser kan konverteres til WebP eller AVIF med det innebygde konverteringsverktøyet; konverteringen er tapsbasert og erstatter originalfilen
- Alt-tekst
- Alt-tekst kan angis for hvert bilde, også for hvert bilde i et flerbildefelt; Webflow AI kan generere den for JPG, PNG, GIF, WebP og AVIF
Bildet bak en produktside i Webflow.
- Ta ett bilde av hele produktet og ett nærbilde av den fineste delen, en lås, en urskive eller en påsydd merkelapp; More images-feltet har plass til en detaljvisning ved siden av hovedvisningen.
- Hold hver kant av produktet innenfor bildet med en marg rundt; en del som bildekanten kutter av, kan ikke legges til på en tro måte, uansett hvilken scene som velges senere.
- Noter navnet, materialet og fargen på produktet mens det er for hånden: i Webflow kan alt-tekst angis for hvert bilde, også for hvert bilde i More images-feltet.
Produktbilder for Webflow: spørsmål og svar.
Bør PNG eller JPG inn i en Webflow-butikk?
JPG, i de fleste tilfeller. Webflow begrenser filstørrelsen for hver bildefil, og en 2K-PNG fra Herofab kan være tyngre enn den grensen, mens JPG-versjonen av samme bilde er lettere. PNG og JPEG er begge blant formatene Webflow nevner for opplasting. Er en PNG ønsket, bør filstørrelsen leses først; den gratis bildestørrelseskontrollen tester en fil i nettleseren mot Webflows publiserte grense.
Kan konverteringsverktøyet i Webflow brukes på Herofab-bilder?
Det innebygde verktøyet i Webflow konverterer JPEG- og PNG-filer til WebP eller AVIF. Webflow beskriver konverteringen som en konvertering med tap og sier at den erstatter originalfilen. Ta vare på filen som er lastet ned fra Herofab, utenfor Webflow som masterkopi før konverteringen, og se på fin tekst på produktet når konverteringen er gjort.
Hvor mange bilder kan et Webflow-produkt ha?
Ett i Main image-feltet og et fast antall til i More images-feltet; antallet står i tabellen på denne siden. Produktstudio kan vise produktet forfra, i trekvart, fra siden eller ovenfra, på en enkel grunn eller i en scene, alt fra ett kildebilde. Hvert bilde som legges til, er enda en fil under filgrensen, og hvert kan ha sin egen alt-tekst.
Hva koster det?
4 kreditter per bilde, pluss én kreditt for 4K. Kostnaden vises før du genererer, og mislykkes en jobb, får du kredittene tilbake. De 20 gratis kredittene ved registrering dekker 5 bilder med dette verktøyet.
Din neste kolleksjon, fotografert denne uken.
20 kreditter ved registrering, uten kort. Bilder laget med gratis kreditter har vannmerke.