Yksi packshot, kolme WooCommercen kuvakokoa.
WooCommerce luo näyttökokonsa yhdestä ladatusta kuvasta: yksittäisen tuotteen kuvan, katalogikuvan ja pikkukuvan, kunkin teeman määrittämissä mitoissa. Herofabin Packshot-studio toimittaa puhelinkuvasta pelkän tuotteen valkoisella studiotaustalla, 2K- tai 4K-tarkkuudella, yli WooCommercen suositteleman latauskoon.
Mitä teema tekee tuotekuvalle.
- 1
Kolme kokoa yhdestä latauksesta
WooCommerce käyttää kolmea kuvatyyppiä: yksittäisen tuotteen kuvaa, katalogikuvia tuotelistauksissa, kuten kauppasivulla, sekä tuotteen pikkukuvia. Kaikki luodaan ladatusta kuvasta. WooCommerce suosittelee ladattavalle kuvalle vähimmäiskokoa ja pitää suurempia kuvia parempina hienojen yksityiskohtien vuoksi. Herofabin 2K- ja 4K-tulos ylittää tämän koon jokaisessa kuvasuhteessa.
- 2
Neliö katalogin rajausta varten
Katalogin pikkukuvat voi rajata neliöksi, rajata mukautettuun kuvasuhteeseen tai jättää rajaamatta, ja rajaamattomat kuvat voivat näkyä epätasaisen kokoisina. Neliönmuotoinen packshot sopii neliöasetukseen ilman, että tuotteesta leikkautuu mitään. Jokainen packshot näyttää tuotteen kerran, keskitettynä ja niin, että se täyttää suurimman osan kuva-alasta, joten kauppasivun tuotteet näkyvät samassa mittakaavassa.
- 3
Zoomaus, retina ja pikkukuvien uudelleenluonti
Storefront-teemassa suurin yksittäisen tuotteen kuva on sen kokoinen kuin teeman zoomaustehoste vaatii, ja retina-näyttöjä varten WooCommerce neuvoo asettamaan pikkukuvat kaksinkertaisiksi siihen kokoon nähden, jossa teema ne näyttää. Suuri ladattu kuva jättää tilaa kummallekin. Kun uusi teema otetaan käyttöön tai kuvien mitat muuttuvat, olemassa olevat pikkukuvat on luotava uudelleen.
Mitä WooCommerce edellyttää.
Lähde: WooCommerce Documentation — Adding product images and galleries; Fixing blurry product images. Tarkistettu 11. lokakuuta 2026.
- Suositus
- Lataa kuvat, jotka ovat vähintään 800 × 800 pikseliä; suuremmat kuvat sopivat paremmin tuotteille, joissa on hienoja yksityiskohtia
- Kuvatyypit
- Kolme tyyppiä: yksittäisen tuotteen kuva, luettelokuvat tuotesilmukoissa, kuten kauppasivulla, sekä tuotteen pikkukuvat
- Koon muuttaminen
- WooCommerce luo näyttökoot ladatusta kuvasta; perinteisissä teemoissa yksittäisen tuotteen kuva on oletuksena 600 pikseliä leveä, luettelon pikkukuvat 300 pikseliä leveitä ja gallerian pikkukuvat 100 × 100 pikseliä
- Rajaus
- Luettelon pikkukuvat voi asettaa suhteeseen 1:1 tai mukautettuun kuvasuhteeseen tai jättää rajaamatta; rajaamattomat kuvat voivat näkyä epätasaisen kokoisina
- Storefront-teema
- Storefront-teemassa suurin yksittäisen tuotteen kuva on 800 × 800 pikseliä, jota teeman zoomaustehoste edellyttää
- Retina
- Jotta kuvat näkyvät terävinä retina-näytöillä, pikkukuvat asetetaan kaksinkertaisiksi teeman näyttämään kokoon nähden
- Muutokset
- Kun uusi teema on otettu käyttöön tai kuvien mitta-asetuksia on muutettu, aiemmin luodut pikkukuvat on luotava uudelleen
Puhelinkuva WooCommercen packshotia varten.
- Asettele tuote tiiviiseen asentoon, kahvat pystyssä ja johdot tai hihnat lähelle koottuina, jotta se täyttää neliön ilman leveitä tyhjiä kulmia.
- Pöytä, käsi, laatikko tai hintalappu saa jäädä kuvaan, koska työkalu on ohjeistettu käyttämään vain tuotetta; olennaista on, ettei mikään niistä peitä osaa siitä.
- Tarkenna etikettiin tai hienoimpaan saumaan napauttamalla ennen kuin painat laukaisinta; teeman zoomaus suurentaa yksittäisen tuotteen kuvan, ja lähdekuvan pehmeys näkyy siinä ensimmäisenä.
Tuotekuvat WooCommerceen: kysymykset ja vastaukset.
Tarvitseeko WooCommerce-kauppa erillisen tiedoston jokaiselle kuvakoolle?
Ei. WooCommerce luo yksittäisen tuotteen kuvan, katalogikuvan ja gallerian pikkukuvan yhdestä ladatusta kuvasta teeman määrittämissä mitoissa. Ladatun kuvan on tuotava mukanaan riittävästi pikseleitä: WooCommerce suosittelee vähimmäiskokoa ja pitää suurempia kuvia parempina hienojen yksityiskohtien vuoksi. Packshotit toimitetaan 2K-tarkkuudella tai valinnaisesti 4K-tarkkuudella, ja molemmat ylittävät tämän suosituksen.
Miksi katalogikuvat näkyvät epätasaisen kokoisina?
WooCommerce antaa jättää katalogin pikkukuvat rajaamatta, ja erimuotoiset rajaamattomat kuvat voivat silloin näkyä epätasaisen kokoisina. Kaksi asiaa ratkaisee tämän: rajausasetus, neliö tai mukautettu kuvasuhde, ja ladatut kuvat, jotka ovat jo valmiiksi samanmuotoisia. Jokaiselle tuotteelle neliönä tilatut packshotit sopivat neliöasetukseen sellaisenaan. Jos asetusta muutetaan myöhemmin, pikkukuvat on luotava uudelleen.
Voiko packshotissa olla varjo tai muu kuin valkoinen pohja?
Kumpikin on asetus. Packshot-studio tarjoaa pehmeän kosketusvarjon, varjottoman vaihtoehdon tai heijastuksen, ja studiovalkoisen lisäksi se voi asettaa tuotteen harmaalle tai beigelle, marmorille, puulle tai pellavalle, korokkeelle, ulos, kotiin tai kaupan omaan kuvaan. Tällä sivulla luetellut WooCommercen säännöt koskevat kokoa ja rajausta eivätkä määrää taustaa, joten valinta on kaupan.
Paljonko se maksaa?
4 krediittiä kuvaa kohden, ja 4K-kuvasta yksi krediitti lisää. Hinta näytetään ennen luomista, ja jos työ epäonnistuu, krediitit palautetaan. Rekisteröitymisen yhteydessä saatavat 20 ilmaista krediittiä riittävät 5 kuvaan tällä työkalulla.
Seuraava mallistosi, kuvattuna jo tällä viikolla.
20 krediittiä rekisteröityessä, maksukorttia ei tarvita. Ilmaisilla krediiteillä tehdyissä kuvissa on vesileima.