Mainosten kuvakoot
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ä.
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.
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ä
Mobiilinäkymään mahtuu leveydeltään enintään 1140 pikselin kuvat kun käytetään pelkästään desktop-mainoskuvaa. Jos kuva on leveämpi kuin 1140 px, ylimenevät osat rajautuvat pois mobiilinäkymässä.
Jos lisäät mainokseen vain yhden kuvan, esim. 2550x400px niin mobiilissa kuvasta näkyy vain 1140px levyinen alue kuva keskeltä. Kuvan latautumisaika on kuitenkin alkuperäisen kuvan mukaan. Sivusto siis lataa 2550px leveän kuvan, mutta näyttää siitä vain 1140px leveän osan. Tämä vaikuttaa negatiivisesti latausaikaan ja siksi suosittelemme lisäämään mobiilinäkymään omat kuvat.
Lisää desktoppiin 720-2550pxx577px kokoinen kuva ja LISÄKSI 577x577px kuva mobiilimainoksia varten.
HUOM! Samassa mainospaikassa olevien mobiilimainosten on oltava saman korkuisia keskenään, sillä mainospaikan korkeudeksi määräytyy korkeimman kuvan mukaisesti.
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
Huomioithan, että 400px korkeiden mainoskuvien lisäksi tarvitset mobiilimainokseen 577x577px kokoisen kuvan.
577px korkeat yleisimmät bannerileveydet
Mainokset, joihin ei voi laittaa kuvaa:
Mainospaikka: Tekstikaruselli
Verkkokaupan sisällössä käytettävien kuvien kokoja voit vertailla tässä artikkelissa.