Herobanneri

Herokuvat tehdään kokoon 2880x1620px. Suositeltu kuvasuhde 16:9. Yleensä (kuten tässä) heron korkeus säädetään 650 pixeliin deskarilla, ja mobiilissa käytetään automaattista kokoa.

Heroon voi määritellä kuvan kiintopisteen seuraavista vaihtoehdoista:

Center / Top / Left / Top-center / Top-right / Top-left / Bottom center / Bottom-right / Bottom-left

Kuva kohdistuu valittuun osioon. Ylempi banneri on kohdistettu keskelle, alla oleva vasempaan alareunaan. Kohdistuksella voi siis hieman vaikuttaa mikä osa kuvasta on näkyvillä.

Herobanneri 650px korkeudella, jonka kohdistus on kuvan vasempaan alareunaan

Heron korkeuden voi määritellä myös 550px tai 450px korkeaksi deskarilla. Alla esimerkit näistä:

Herobanneri, jonka korkeus on 550px deskarilla

Herobanneri, jonka korkeus on 450px deskarilla

Pieni kuvanosto tekstin kanssa

Yllä olevat ovat etusivulla yleisesti käytettäviä sisältöelementtejä. 

Itse kampanjasivulla, jossa kampanjatuotteet koottuna, käytetään aina herobanneria (vastaava koko kuin etusivulla). Banneri kuitenkin leikkaantuu deskarilla matalammaksi kuin mobiilissa, eikä kampanjasivun herossa ole samoja mahdollisuuksia kohdistaa kuvaa kuten etusivun bannerissa.

Esimerkki kampanjasivun herosta esim. tällä sivulla https://www.pentik.com/collections/kallio