Tästä taulukosta näet minkä kokoisia kuvia suositellaan mihinkin mainospaikkoihin.
Suosittelemme aina, että käytetään niin desktop mainoksia (normaaleja bannereita) + erillistä mobiilimainosta (577x577px). Tämä säästää latausajoissa ja mahdollistaa paremman näkyvyyden kun voidaan tehdä varta vasten tarkoitettuja mainoksia. Tämä pienentää tiedostokokoa ja sitä kautta parantaa pisteitä hakukoneissa.
Mikäli mainokselle ei ole lisätty erillistä kuvaa mobiiliin, näyttää verkkokauppa mobiilinäkymässä desktop-mainoksen kuvaa. Vaihtoehtoisesti voitte myös piilottaa mainoksen mobiilinäkymästä.
| Table of Contents | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Mainospaikat ja niihin sopivat kuvakoot
Pääbanneriin ja alatunnisteen banneriin voi lisätä mitä tahansa 1-2550px leveitä kuvia, mutta alla on joukko hyväksi havaittuja kuvakokoja.
| Info |
|---|
Helmikuussa 2024 julkaistu versio 11.23.0 nostaa karusellibannerien oletuskorkeuden 400 pikselistä 577 pikseliin. Korkeuden voi vaihtaa verkkokaupan asetuksista. |
2550 x 400/577 px | 1740 x 400/577 px | 1140 x 400/577 px | 900 x 400/577 px | 720 x 400/577 px | 577 x 577 px | 400 x 400 px | max leveys 200 px | |
|---|---|---|---|---|---|---|---|---|
Pääbanneri | x | x | x | x | x | x | ||
Alatunnisteen banneri | x | x | x | x | x | |||
Infosivujen banneri | x | x | x | x | ||||
Sivupalkin banneri | x | |||||||
Tuotesivubanneri: Lisää ostoskoriin (näkyy vain tuotesivulla) | x | x | ||||||
Tuotesivubanneri: Tuotekuvan alla (näkyy vain tuotesivulla) | x | x | x | |||||
Tuotesivubanneri: Kuvaus (näkyy vain tuotesivulla) | x | x | x | x | x | |||
Tuotesivubanneri: Alhaalla (näkyy vain tuotesivulla) | x | x | x | x | x | |||
Ylätunniste (näkyy vain desktop -käyttäjille) | x | |||||||
Mega Menu banneri (näkyy vain desktop -käyttäjille) | x | x | x | x | x | x |
Leveiden bannerikuvien näyttäminen mobiilinäkymässä
Tee näin jos sinulta puuttuu mobiilikuva jostain mainoksesta:
Jos sinulla on leveä mainosbanneri desktop-kuvana, mutta sinulla ei ole käytössä mobiilikuvaa. Käytä silloin mainosten muokkauksessa täppää “piilota mobiilikäyttäjältä“. Tällöin tämä leveä, mutta vain 400px korkuinen banneri, ei sekoita visuaalista ilmettä mobiilissa.
Jos et halua erillistä kuvaa mobiilikäyttäjiä varten
MIkäli et halua neliön muotoista mainosbanneria,niin suosittelemme, että käytätte max 1140px leveitä kuvia. Tällöin saadaan matalampi mainos mobiiliin.
Mainokset, joiden sisältö tehdään html-editorissa
1720 x 400 px | 1140 x 400 px | 900 x 400 px | 720 x 400 px | leveys max 400 px | |
|---|---|---|---|---|---|
Tuotesivusisältö: Lisää ostoskoriin | |||||
Tuotesivusisältö: Kuvaus | |||||
Tuotesivusisältö: Alhaalla | x | x | x | x | |
Tuotesivusisältö: Oikealla (näkyy vain desktop käyttäjillä) | x | ||||
Sivua-ei-löydy (404) sisältö | x | x | x | x | |
Tilausvahvistussivun sisältö | x | x | x | x | |
Popup-sisältö |
Desktop-näkymän mainoskuvien kokovertailu
400px korkeat yleisimmät bannerileveydet
Kuva tulossaHuomioithan, että 400px korkeiden mainoskuvien lisäksi tarvitset mobiilimainokseen 577x577px kokoisen kuvan.
.png?version=1&modificationDate=1709817965355&cacheVersion=1&api=v2&width=670)
577px korkeat yleisimmät bannerileveydet
Kuva tulossa.png?version=1&modificationDate=1709817950465&cacheVersion=1&api=v2&width=670)
Mainokset, joihin ei voi laittaa kuvaa:
Mainospaikka: Tekstikaruselli
Verkkokaupan sisällössä käytettävien kuvien kokoja voit vertaillatässä artikkelissa.