Karusellimainosten kuvakoko

Owned by Hanna Lidman
Last updated: Aug 30, 2024
2 min read

Tässä artikkelissa kerromme mitkä ovat yleisimmät kuvakoot mainoskaruselleissa ja mitkä kuvakoot sopivat eri paikoissa näytettäviin mainoskaruselleihin.

Huomioi, että sama kuvasuhde ei välttämättä toimi sekä työpöytä- ja mobiilinäkymässä. Suosittelemme lataamaan mobiilinäkymään erillisen kuvan tai piilottamaan mainoksen mobiilinäkymästä, mikäli mobiilissa näytetään muita mainoksia, joissa on eri korkuinen kuva.

Jätä karuselliin tulevan kuvan reunoille aina turva-alue, jonne et sijoita mitään olennaista. Kun mainoskaruselli skaalautuu eri kokoiselle näytöille sen reunoista saattaa jäädä osa piiloon.

 

Ylä- ja alakarusellin korkeuden määrittäminen

Ylä- ja alakarusellin korkeus määritetään verkkokaupan asetuksista, mutta bannerin leveys voi olla mikä tahansa. Käyttäjän näytön koko vaikuttaa siihen kuinka leveän bannerin käyttäjä näkee.

 

Yläkarusellin korkeuden voi määrittää verkkokaupan asetuksella “Yläkarusellin bannereiden suurin korkeus verkkokaupassa“

image-20240703-122459.png

Alakarusellin korkeuden voi määrittää asetuksella “Alakarusellin bannereiden suurin korkeus verkkokaupassa“

image-20240703-122705.png

Muiden karusellien korkeutta ei voi muuttaa.

Muut karusellit verkkokaupassa sijaitsevat

  • sivumenun alla

  • sisältösivun alareunassa

  • tuotesivulla tuotekuvan alla

  • tuotesivulla ostoskorinapin alla

  • tuotekuvaus täbin alareunassa

  • tuotesivun alareunassa

 

Bannereiden yleisimmät leveydet ylä- ja alakarusellissa

Graafikkoidemme käyttämiä yleisimpiä bannerikuvien leveyksiä ovat:

  • 1903px (maksimileveys karusellibannerin kuville)

  • 1740px

  • 900px

  • 577px

  • 400px

Mainoskuvan leveys voi olla mitä vaan 1903px asti. Kuva skaalautuu sen mukaan, mikä korkeus karusellissa on.

Esimerkkejä eri kokoisista bannereista

 

Vasen sivupalkki - bannerin koko

Sivupalkin bannerin leveys on responsiivinen ja noudattaa sen yläpuolella olevan sivumenun leveyttä.

Voit käyttää tässä mainospaikassa esimerkiksi kuvakokoa 400x400px.

 

 

Tuotesivun bannerikuvien koko

Tuotekuvan alla

Tuotekuvan alla oleva karuselli on responsiivinen ja sen koko muuttuu riippuen näytön leveydestä. Tässä esimerkissä mainokseen on lisätty kuva, jonka mitat ovat 1200x400px.

 

Lisää ostoskoriin -napin alla

Tässä mainospaikassa voit käyttää joko karusellimainosta tai sisältömainosta.

 

 

Tuotekuvaus-täbin alareunassa

Huomioi, että tämä mainospaikka ei näy jos tuotteella ei ole tuotekuvausta.

Jos käytössä on myös mainospaikka Tuotekuvauksen oikea reuna, niin karuselli asemoituu sen alapuolelle. Ota tämä huomioon, jos tuotekuvaus on kovin lyhyt ja oiekan reunan sisältömainos on pitkä. Tällöin tuotekuvauksen ja alareunan karusellin väliin jää tyhjää tilaa.

Jos oikean reunan sisältömainosta ei ole lainkaan, siloin karuselli asettuu heti tuotekuvauksen sisällön alapuolelle.

 

 

 

Tuotesivun alareuna

 

Tässä karusellissa on virhe, johon olemme pyytäneet korjausta. Virheen johdosta karuselliin laitettu rajautuu korkeussuunnassa.

Voit käyttää karusellin sijaan tässä mainospaikassa sisältömainosta.