--- title: "Webflow: tuotekuvien vaatimukset | Herofab" description: "Webflow Ecommercen tuotekuvat: enintään 4 MB kuvaa kohden, yksi pääkuva ja enintään 25 lisäkuvaa, responsiiviset versiot 500–3 200 px." url: https://herofab.app/fi/guides/webflow-ecommerce-product-image-size language: fi updated: 2026-10-12 --- # 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](https://herofab.app/img/ex/watch-packshot-1100.webp) Tehty Herofabilla · Packshot-studio ## Kaikki Webflow-kuvavaatimukset 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](https://help.webflow.com/hc/en-us/articles/33961378697107-Responsive-images). Tarkistettu 12. lokakuuta 2026. [Luettu uudelleen · 12. lokakuuta 2026](https://herofab.app/fi/guides/marketplace-image-rule-changes) - **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 [Tarkista kuvasi — maksutta](https://herofab.app/fi/tools/image-size-checker) ## 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ä. ### JPG alle 4 MB Herofabin kuvat voi ladata PNG- tai JPG-muodossa; 2K-tarkkuuden PNG voi ylittää Webflow’n 4 MB:n rajan. ### Tilaa jokaiselle näkymälle Yksi pääkuva ja enintään 25 lisäkuvaa jättävät tilaa useille asennoille, haamumallinukkekuvalle ja yksityiskohtakuvalle. ### Ei vesileimaa tai lisättyä tekstiä Tilauksella tai krediittipaketilla tehdyissä kuvissa ei ole vesileimaa tai lisättyä tekstiä. [Aloita maksutta](https://app.herofab.app/login?lang=fi) ## 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](https://herofab.app/fi/tools/image-size-checker) 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](https://help.webflow.com/hc/en-us/articles/33961378697107-Responsive-images) on lopullinen lähde. [Virtuaalinen sovitus](https://herofab.app/fi/tools/virtual-try-on) · [Taustan poisto](https://herofab.app/fi/tools/background-remover) · [Kaikki oppaat](https://herofab.app/fi/guides/)