BigCommercen tuotekuvat, tehtyinä teeman kuvasuhteessa.
BigCommerce luo pikkukuvansa ja muut kokonsa jokaisesta ladatusta kuvasta ja venyttää tai kutistaa kuvan, jonka kuvasuhde ei vastaa teeman asetuksia. Herofabin Tuotestudio sijoittaa tuotteen yhdestä kuvasta studiopohjalle tai tyyliteltyyn miljööseen ja toimittaa koko luettelon yhdessä kuvasuhteessa, 2K- tai 4K-tarkkuudella.
Miten BigCommercen teema käsittelee ladatun kuvan.
- 1
Kuvasuhde, jota teema ei vääristä
BigCommerce neuvoo pitämään pikkukuvina toimivat tuotekuvat samassa kuvasuhteessa, ja kuva, jonka kuvasuhde poikkeaa teeman asetuksista, venytetään tai kutistetaan. Selvitä, mitä kuvasuhdetta teema odottaa, ja tilaa jokainen tuote siinä. Tuotestudio toimittaa neliön, pysty- ja vaakakuvan, joten muoto lyödään lukkoon tilattaessa.
- 2
Väriprofiilit poistetaan ladattaessa
BigCommerce poistaa väriprofiilit tuotekuvista, kun ne ladataan, ja neuvoo tallentamaan kuvat ilman profiilia. Kauppa näyttää kuvan siis ilman sen profiilia, ja väritarkistus kuuluu latauksen jälkeiseen vaiheeseen: vertaa tuotesivua tuotteeseen päivänvalossa ja aloita voimakkaista punaisista, syvistä sinisistä ja metallipinnoista.
- 3
Ensimmäinen kuva ja sen kuvaus
Tuotteen kuvaluettelon ensimmäinen kuva on oletuskuva tuotesivulla ja Quick View -näkymässä, joten siihen tulee selkein näkymä koko tuotteesta. Kuvan kuvauksesta tulee alt-tagi, ja jos se jätetään tyhjäksi, BigCommerce käyttää tuotteen nimeä. Varianttikuville ei anneta kuvausta, ja jokaisella variantilla on yksi kuva.
Mitä BigCommerce edellyttää.
Lähde: BigCommerce Help Center — Adding Products (v3); How Products Work; Platform Limits; Optimizing Your Images; Adjusting Your Store Image Settings; Troubleshooting Your Store Images; Importing Product Variants, Images, and Other Complex Attributes; BigCommerce Developer Docs — Create Product Image. Tarkistettu 12. lokakuuta 2026.
- Suositus
- 1 280 × 1 280 pikseliä on tuotekuvien ihannekoko, joskin teeman dokumentaatio voi ehdottaa muuta kokoa
- Tiedostomuodot
- JPEG/JPG, GIF, WebP ja PNG; TIFF- ja PDF-tiedostoja ei tueta, ja CSV-tuonneissa ei hyväksytä myöskään BMP-tiedostoja
- Tiedostokoko
- Enintään 8 MB kutakin tuote- ja varianttikuvaa kohden
- Määrä
- Enintään 1 000 kuvaa tuotetta kohden, joista 250 näytetään hallintapaneelissa, ja 1 kuva varianttia kohden
- Zoomaus
- Teeman Image sizes -asetus ohjaa zoomattua kuvaa, joka näytetään, kun osoitin viedään kuvan päälle; API-dokumentaation mukaan zoomauskuvaksi annetaan alle 1 280 × 1 280 pikselin kuva, muuten palautetaan kooltaan muutettu kuva
- Pikkukuvat
- Pikkukuvat ja muut koot luodaan ladatusta kuvasta; luettelon ensimmäinen kuva on oletuskuva tuotesivulla ja Quick View -näkymässä
- Kuvasuhde
- Pikkukuvina käytettävät tuotekuvat on paras pitää samassa kuvasuhteessa; kuva, jonka kuvasuhde ei vastaa teeman asetuksia, venytetään tai kutistetaan
- Automaattinen optimointi
- BigCommercen CDN pakkaa kuvat häviöttömällä asetuksella ja voi muuntaa tiedostomuodon; Cornerstone 4.0:aan tai uudempaan perustuvat Stencil-teemat tarjoavat responsiiviset kuvakoot srcset-määritteellä
- Alt-teksti
- Kuvan kuvauksesta tulee alt-tagi; jos se jätetään tyhjäksi, käytetään tuotteen nimeä, eivätkä varianttikuvat tue kuvauksia
- Väriprofiili
- Väriprofiilit poistetaan tuotekuvista latauksen yhteydessä, joten kuvat neuvotaan tallentamaan ilman väriprofiilia
Lähdekuva BigCommercen tuoteluetteloa varten.
- Kuvaa korkeat tuotteet pystyssä ja leveät vaakatasossa, kummankin ympärillä vapaata tilaa, jotta tuote mahtuu kokonaisena teeman kuvasuhteeseen, mikä muoto se sitten onkin.
- Kuvaa päivänvalossa salama pois päältä: BigCommerce poistaa väriprofiilit ladattaessa, ja lähdekuvaan totuudenmukaisesti tallentunut väri on myöhemmän vertailun lähtökohta.
- Pidä kaiverrus, tikkaukset ja etiketin teksti tarkkoina; teema näyttää zoomatun kuvan, kun osoitin viedään kuvan päälle, ja lähdekuvan pehmeys näkyy siinä ensimmäisenä.
Tuotekuvat BigCommerceen: kysymykset ja vastaukset.
Riittääkö 2K-tulos BigCommercen tuotesivulle?
Neliönmuotoinen 2K-tulos ylittää koon, jota BigCommerce kutsuu tuotekuville optimaaliseksi, ja 4K on valittavissa. BigCommerce lisää, että teeman dokumentaatio voi ehdottaa eri kokoa, joten teeman oma luku kannattaa lukea ensin. Pikkukuvat ja muut näyttökoot luodaan ladatusta kuvasta, joten yksi tiedosto palvelee niitä kaikkia; optimaalinen koko on tämän sivun taulukossa.
Minkä kuvan zoomaus näyttää, kun osoitin on kuvan päällä?
Teeman Image sizes -asetus määrää zoomatun kuvan, joka näytetään, kun osoitin viedään kuvan päälle. BigCommercen API-dokumentaation mukaan zoomauskuvaksi annetaan ilmoitettua kokoa pienempi kuva, ja muussa tapauksessa palautetaan kooltaan muutettu kuva. 2K- tai 4K-lataus näkyy siis tässä näkymässä kooltaan muutettuna, minkä vuoksi zoomaus on oikea paikka tarkastaa etiketti tai sauma julkaistulla sivulla.
Mitä BigCommerce tekee ladatulle PNG- tai JPG-tiedostolle?
BigCommerce hyväksyy sekä PNG:n että JPG:n, jotka Herofab tarjoaa ladattaviksi, samoin GIF:n ja WebP:n; TIFF ja PDF eivät ole tuettuja. Jokaisella tuote- ja varianttikuvalla on tiedostokoon katto, joka on tämän sivun taulukossa. Sen jälkeen BigCommercen CDN pakkaa kuvat häviöttömällä asetuksella ja voi muuntaa tiedostomuodon, joten ostajan selain saa BigCommercen version tiedostosta.
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.