Yleisiä ohjeita kuvaelementtien mitoista ja sommittelusta.
Banneri- ja kampanjakuvat (esim. tuoteryhmäkuvat) skaalautuvat oletusteemassa automaattisesti sopivan kokoisiksi erilaisiin päätelaitteisiin. Alkuperäiset kuvat kannattaa tallentaa riittävän isokokoisina, jotta ne näyttävät laadukkailta myös isoilla näytöillä.
Jotkin oletusteeman kuvaelementeistä sallivat kuvasuhteen määrittämisen ulkoasueditorilla. Jos asetat bannerille kuvasuhteen, joka eroaa alkuperäisestä kuvatiedostosta, verkkokaupassa osa kuvan reunoista leikkautuu pois. Bannerikuvat onkin usein hyvä suunnitella niin, että mitään olennaista ei jää kuvan reuna-alueille.
Bannerikuvan suositeltava leveys on useimmiten 1000 px. Siihen suhteutettava kuvan korkeus vaihtelee bannerin kuvasuhteen mukaan:
| Kuvasuhde | Leveys x korkeus |
|---|---|
| 1:1 | 1000 x 1000 px |
| 4:3 | 1000 x 750 px |
| 16:9 | 1000 x 563 px |
| 2:1 | 1000 x 500 px |
| 3:1 | 1000 x 333 px |
Jos bannerikuvan on tarkoitus näkyä koko sivun levyisenä, muunna suositusmitat kaksinkertaisiksi eli käytä kuvaa, jonka leveys on 2000 px ja korkeus suhteessa siihen.
