Kieli: FI
Aloita maksutta

Webflow: tuotekuvien vaatimukset

Webflow Ecommercen tuotekuvat: enintään 4 MB kuvaa kohden, yksi pääkuva ja enintään 25 lisäkuvaa, responsiiviset versiot 500–3 200 px.

Mustakellotauluinen kello verkkorannekkeella valkoisella taustalla, puoliviistosti
Lähdekuva: Tavallinen tuotekuva. Tehty Herofabilla · Packshot-studio
Tiedostokoko
Enintään 4 MB kutakin kuvaa kohden
Koko
Minkä tahansa kokoisen kuvan voi ladata, kunhan tiedosto on pienempi kuin 4 MB:n raja; WebP-kuvissa sivun pituus saa olla enintään 16 383 pikseliä
Tiedostomuodot
PNG, JPEG, SVG ja WebP mainitaan parhaina ladattavina kuvamuotoina
Ei sallittu
SVG-kuvat tuotteen ja variantin kuvakentissä sekä animoidut AVIF-tiedostot
Määrä
Tuotteella on yksi Main image -kenttä ja usean kuvan More images -kenttä, johon mahtuu enintään 25 kuvaa
Responsiiviset kuvat
Yli 3 200 pikseliä leveästä kuvasta Webflow luo 7 versiota: 3 200, 2 600, 2 000, 1 600, 1 080, 800 ja 500 pikseliä; versiot tehdään inline-kuvina lisätyistä JPG-, PNG- ja WebP-tiedostoista
CSV- ja API-tuonnit
CSV-tuonnilla tai API:n kautta lisätyt kuvat eivät saa responsiivisia versioita, joten niiden tulee olla valmiiksi oikean kokoisia ja optimoituja
WebP ja AVIF
JPEG- ja PNG-tiedostot voi muuntaa WebP- tai AVIF-muotoon sisäänrakennetulla muunnostyökalulla; muunnos on häviöllinen ja korvaa alkuperäisen tiedoston
Alt-teksti
Alt-tekstin voi asettaa jokaiselle kuvalle, myös usean kuvan kentän jokaiselle kuvalle; Webflow AI voi luoda sen JPG-, PNG-, GIF-, WebP- ja AVIF-kuville
Herofab

Mitä Webflow edellyttää, on huomioitu.

Webflow ei aseta tuotekuville pikselikokoa, vain 4 MB:n rajan tiedostoa kohden. 2K-tarkkuuden PNG voi olla sitä suurempi, joten JPG-lataus on varmempi valinta. Neliönmuotoinen 2K-tulos on 2 048 pikseliä leveä. Tuotteelle tulee yksi pääkuva ja enintään 25 lisäkuvaa, joten tilaa jää useille asennoille, haamumallinukkekuvalle ja yksityiskohtakuvalle. Tilauksella tai krediittipaketilla tehdyissä kuvissa ei ole vesileimaa tai lisättyä tekstiä.

01

JPG alle 4 MB

Herofabin kuvat voi ladata PNG- tai JPG-muodossa; 2K-tarkkuuden PNG voi ylittää Webflow’n 4 MB:n rajan.

02

Tilaa jokaiselle näkymälle

Yksi pääkuva ja enintään 25 lisäkuvaa jättävät tilaa useille asennoille, haamumallinukkekuvalle ja yksityiskohtakuvalle.

03

Ei vesileimaa tai lisättyä tekstiä

Tilauksella tai krediittipaketilla tehdyissä kuvissa ei ole vesileimaa tai lisättyä tekstiä.

Kysymykset

Webflow: kysymykset ja vastaukset.

Minkä kokoisia Webflow-tuotekuvien pitää olla?

Webflow Ecommercen tuotekuvat: enintään 4 MB kuvaa kohden, yksi pääkuva ja enintään 25 lisäkuvaa, responsiiviset versiot 500–3 200 px.

Kuinka suuri Webflow-tuotekuvan tiedosto saa olla?

Enintään 4 MB kutakin kuvaa kohden. Lähde: 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, luettu 12. lokakuuta 2026.

Mitä tiedostomuotoja Webflow hyväksyy tuotekuvissa?

PNG, JPEG, SVG ja WebP mainitaan parhaina ladattavina kuvamuotoina. Lähde: 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, luettu 12. lokakuuta 2026.

Mikä ei ole sallittua Webflow-tuotekuvissa?

SVG-kuvat tuotteen ja variantin kuvakentissä sekä animoidut AVIF-tiedostot. Lähde: 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, luettu 12. lokakuuta 2026.

Kuinka monta Webflow-kuvaa tuotetta kohden?

Tuotteella on yksi Main image -kenttä ja usean kuvan More images -kenttä, johon mahtuu enintään 25 kuvaa. Lähde: 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, luettu 12. lokakuuta 2026.

Voinko tarkistaa kuvani ennen lataamista?

Kyllä. Maksuton kuvakoon tarkistin lukee jokaisen tiedoston selaimessasi ja testaa sen näitä sääntöjä vasten; kuvaa ei ladata palvelimelle.

Mistä nämä luvut ovat peräisin?

Lähde: 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, luettu 12. lokakuuta 2026. Markkinapaikat päivittävät sääntöjään; virallinen sivu on lopullinen lähde.

Aloita

Seuraava mallistosi, kuvattuna jo tällä viikolla.

20 krediittiä rekisteröityessä, maksukorttia ei tarvita. Ilmaisilla krediiteillä tehdyissä kuvissa on vesileima.