Miten tehdä somegrafiikkaa, joka pysäyttää selaajan
Suunnittele somegrafiikka pikseleinä, älä DPI-arvoina: julkaisu 1080×1080 px (1:1) tai 1080×1350 px (4:5), tarina 1080×1920 px (9:16), ja jätä tarinassa ylä- ja alareunaan noin 250 px:n vapaa alue. Rajaa kuvan teksti 5–7 sanan otsikkoon, jonka fonttikoko on vähintään noin 60 px, ja siirrä muu sisältö kuvatekstiin. Pidä tekstin ja taustan kontrasti vähintään 4,5:1 ja käytä koko sarjassa samoja kahta fonttia, 2–3 väriä ja yhtä pohjan asettelua.
Syötteessä kuvalla on sekunnin murto-osa aikaa saada joku lopettamaan selaaminen. Voittaja ei ole kaunein kuva vaan se, jonka ymmärtää yhdellä vilkaisulla puhelimen pieneltä näytöltä. Tähän oppaaseen on koottu periaatteet, joita noudatamme mainossuunnittelussa: kahdesta ensimmäisestä sekunnista tekstin määrään ja kontrastiin, sarjapohjiin, julkaisun ja tarinan eroihin, saavutettavuuteen ja julkaisusuunnitelmaan.
Mikä ratkaisee kaksi ensimmäistä sekuntia?
Katsoja näkee ensin väripinnat ja muodot, vasta sen jälkeen hän lukee. Siksi kuvassa täytyy olla yksi selkeä huomiopiste: kasvot, tuote, iso numero tai lyhyt iskulause. Jos ruudulla kilpailee viisi elementtiä, silmä ei tiedä mihin katsoa, ja peukalo selaa eteenpäin.
Testaa suunnitelma pienoiskuvatestillä: pienennä se näytöllä postimerkin kokoiseksi. Jos näet edelleen, mistä julkaisussa on kyse ja mikä siinä on tärkeintä, sommittelu toimii. Jos et, poista elementtejä äläkä lisää uusia.
- Yksi pääelementti, joka täyttää noin 40–60 % rajauksesta
- Selvä kontrasti etualan ja taustan välillä
- Kasvot ja katse suunnattuina iskulauseeseen tai tuotteeseen
- Liike tai suunta (nuoli, viiva, ele), joka ohjaa katsetta
- Iskulause, joka lupaa jotain konkreettista: hinnan, tuloksen, ajankohdan tai ratkaisun ongelmaan
Kuinka paljon tekstiä kuvaan voi laittaa?
Kuvan tehtävä on pysäyttää, kuvatekstin tehtävä on selittää. Jätä itse kuvaan 5–7 sanan otsikko ja korkeintaan yksi täydentävä rivi. Siirrä tarkemmat tiedot, kampanjan ehdot ja yhteystiedot julkaisun kuvatekstiin tai karusellin seuraaville dioille.
1080 px leveässä kuvassa otsikon korkeuden pitäisi käytännössä olla vähintään 60–80 px ja leipätekstin vähintään noin 36–40 px. Pienemmät kirjaimet sulautuvat puhelimessa yhteen, varsinkin sen pakkauksen jälkeen, jota alustat käyttävät latauksen yhteydessä. Valitse selkeälinjaisia groteskeja eli päätteettömiä fontteja ja vältä ohuita leikkauksia (Light, Thin) valokuvien päällä.
- Otsikko: 5–7 sanaa, yksi ajatus
- Enintään 2 fonttia ja 3 tekstikokoa koko suunnitelmassa
- Ei kokonaisia lauseita kampanjan ehdoista kuvassa
- Puhelinnumero tai osoite vain silloin, kun se on julkaisun päätavoite
Koot: julkaisu, karuselli, tarina ja linkkikuva
Puhelinten näytöt ovat pystysuuntaisia, joten pystymuotoinen kuva vie syötteessä enemmän tilaa kuin neliö. Näyttökäyttöön tehdyissä kuvissa DPI-arvolla ei ole merkitystä, ratkaisevia ovat pikselimäärä ja sRGB-väriavaruus. Vie tekstiä sisältävät kuvat PNG-muodossa ja valokuvat korkealaatuisina JPG-tiedostoina.
Tarinoissa ja lyhyissä pystyvideoissa on käyttöliittymän päällekkäisiä elementtejä: ylhäällä profiilin nimi ja edistymispalkki, alhaalla vastauskenttä ja painikkeet. Pidä siksi tärkein teksti ja logo rajauksen keskiosassa ja jätä ylä- ja alareunaan noin 250 px:n vapaa alue. Profiilin ruudukko rajaa pienoiskuvia, joten sijoita myös julkaisujen tärkeimmät elementit lähemmäs keskustaa.
| Muoto | Koko pikseleinä | Kuvasuhde | Mihin sopii |
|---|---|---|---|
| Neliöjulkaisu | 1080×1080 | 1:1 | Instagram, Facebook, LinkedIn – yleiskäyttöinen |
| Pystyjulkaisu | 1080×1350 | 4:5 | Instagramin ja Facebookin syöte, enemmän tilaa näytöllä |
| Karuselli | 1080×1080 tai 1080×1350 | 1:1 tai 4:5 | Vaiheittaiset ohjeet, tuoteluettelot |
| Tarina / Stories / Reels | 1080×1920 | 9:16 | Koko näyttö, noin 250 px vapaata ylhäällä ja alhaalla |
| Linkkikuva | n. 1200×630 | n. 1,91:1 | Linkin esikatselu Facebookissa ja LinkedInissä |
Kontrasti ja värit, jotka toimivat pienellä näytöllä
Kontrasti on yksinkertaisin tapa pysäyttää katse ja samalla luettavuuden edellytys. Saavutettavuusstandardi WCAG suosittelee tekstin ja taustan kontrastisuhteeksi vähintään 4,5:1 tavalliselle tekstille ja 3:1 suurille otsikoille. Voit tarkistaa sen ilmaisella kontrastilaskurilla syöttämällä värikoodit.
Valokuvan päällä oleva teksti tarvitsee lähes aina tukea: yhtenäisen palkin, puoliläpinäkyvän tummennuksen tai rauhallisen kohdan kuvasta. Muista, että moni selaa puhelinta tummassa tilassa ja himmennetyllä näytöllä, joten vaaleanharmaa teksti valkoisella tai tummansininen mustalla taustalla katoaa nopeasti näkyvistä.
- Tumma teksti vaalealla taustalla tai päinvastoin, ei keskiharmaita
- Yksi korostusväri nostoille ja painikkeille
- Palkki tai liukuväri tekstin alla valokuvissa
- Brändivärit sRGB-muodossa, tallennettuina HEX-koodeina pohjaan
Yhtenäinen tyyli ja sarjapohjat
Yhtenäisyyden ansiosta seuraaja tunnistaa julkaisusi jo ennen kuin lukee profiilin nimen. Määrittele kiinteät elementit: 2 fonttia, 2–3 väriä, kuvatyyli (esim. vaalea, lähikuva), logon paikka ja marginaalit. Tallenna ne pohjiksi, joissa vaihdat vain sisällön ja kuvan.
Parhaiten toimivat sarjat eli toistuvat julkaisutyypit samalla asettelulla. Niiden avulla julkaiseminen vie vähemmän aikaa ja profiili näyttää järjestelmälliseltä. Jos sinulla ei ole aikaa suunnitella alusta asti, plakaty.shopista voit tilata ”Pieni kampanja” -paketin (35 €), jossa saat 6 erilaista julkaisuehdotusta kokoa 1080×1080 px tai tarinaehdotusta kokoa 1080×1920 px sarjasi pohjaksi.
- Viikon vinkki: kiinteä tausta brändivärissä, vinkin numero ja yksi lause
- Kysymys seuraajille: iso kysymysmerkki ja lyhyt kysymys, vastaukset kommentteihin
- Ennen ja jälkeen: rajaus jaettuna kahtia, sama kuvakulma ja valo molemmissa kuvissa
- Tuote lähikuvassa: kuva yhtenäisellä taustalla ja hinta isoin numeroin
- Kulissien takaa: kuva työtiloista kapealla palkilla ja sarjan nimellä
- Asiakaspalaute: lainaus lainausmerkeissä, etunimi ja tuotekuva, ei pitkiä kappaleita
- Myytti ja fakta: kaksi kontrastista värikenttää, kummassakin yksi lause
- Tapahtuman ennakko: päivämäärä isoin numeroin, paikka yhdellä rivillä, tarkemmat tiedot kuvatekstissä
- Vaiheittainen karuselli: jokaisessa diassa numero samassa kulmassa
- Päivän luku: yksi iso luku ja lyhyt selitys sen alla
Tarinat ja julkaisut – miten ne eroavat suunnittelussa?
Julkaisu jää profiiliin ja rakentaa sen imagoa, joten sen pitää olla viimeistelty ja sarjapohjan mukainen. Tarina katoaa 24 tunnin kuluttua, sitä katsotaan nopeasti koko näytöllä, joten se voi olla rennompi, spontaanimpi ja vuorovaikutteisempi. Valitut tarinat voit tallentaa kohokohtiin, ja silloin kannattaa huolehtia yhtenäisistä kansikuvista.
Tarinassa katsojalla on muutama sekunti diaa kohden, joten tekstin pitää olla vielä lyhyempi kuin julkaisussa. Hyödynnä kysely-, kysymys- ja linkkitarroja, mutta älä peitä niillä tärkeintä sisältöä. Yksi viesti diaa kohden toimii paremmin kuin kaikki samalla näytöllä.
| Ominaisuus | Julkaisu | Tarina |
|---|---|---|
| Koko | 1080×1080 tai 1080×1350 px | 1080×1920 px |
| Elinikä | Pysyvä, profiilissa | 24 tuntia tai kohokohdat |
| Tekstin määrä | Otsikko 5–7 sanaa | Yksi lyhyt iskulause diaa kohden |
| Tyyli | Viimeistelty, pohjan mukainen | Rennompi, vuorovaikutteinen |
| Turva-alue | Rajauksen keskiosa (ruudukon rajaus) | Noin 250 px vapaata ylhäällä ja alhaalla |
Saavutettavuus: tekstitykset, vaihtoehtoinen teksti ja kontrasti
Moni katsoo videoita ilman ääntä, ja osalla katsojista on heikentynyt näkö tai he käyttävät ruudunlukuohjelmaa. Lisää tekstitys jokaiseen videoon, mieluiten kuvaan poltettuna tai automaattisesti luotuna ja käsin korjattuna. Sijoita tekstitys rajauksen keskiosaan, painikealueen ulkopuolelle.
Alustoilla kuvaan voi lisätä vaihtoehtoisen tekstin. Kuvaile yhdellä lauseella, mitä kuvassa on ja mitä tekstiä siinä lukee. Älä välitä tärkeää tietoa pelkällä värillä: esimerkiksi punainen ja vihreä ilman selitettä ovat lukukelvottomia värinäkövajeisille.
- Tekstitys jokaisessa videossa, kontrastinen, palkin päällä tai ääriviivalla
- Vaihtoehtoinen teksti, joka sisältää kuvan tekstit
- Emojit ja aihetunnisteet kuvatekstin loppuun, aihetunnisteissa sanat isolla alkukirjaimella
- Tekstin kontrasti vähintään 4,5:1
Julkaisusuunnitelma, jossa pysyy
Säännöllisyys on tärkeämpää kuin julkaisujen määrä. On parempi julkaista 2–3 kertaa viikossa koko vuoden ajan kuin joka päivä kuukauden ajan. Sopiva tahti riippuu toimialasta, alustasta ja resursseistasi, ja parhaat julkaisuajat näet oman profiilisi tilastoista.
Jaa sarjat viikonpäiville ja valmistele kuvat erissä, esimerkiksi koko kuukauden kuvat yhtenä päivänä. Jätä tilaa ajankohtaiselle sisällölle ja reagoi tuloksiin: muutaman viikon päästä näet, mitkä sarjat keräävät eniten tallennuksia ja jakoja, ja kehitä juuri niitä.
- Maanantai: vinkki tai opettava karuselli
- Keskiviikko: tuote tai palvelu lähikuvassa
- Perjantai: asiakaspalaute tai kulissien takaa
- Tarinat: muutaman kerran viikossa, kyselyjä ja ennakkoja
Tarkistuslista
- Koko vastaa muotoa: 1080×1080, 1080×1350 tai 1080×1920 px
- Otsikossa on enintään 5–7 sanaa ja se on luettavissa pienoiskuvana
- Tekstin ja taustan kontrasti vähintään 4,5:1
- Tarinassa noin 250 px vapaata ylhäällä ja alhaalla
- Fontit, värit ja logo sarjapohjan mukaiset
- Kaikki tekstit, hinnat, päivämäärät ja puhelinnumerot oikoluettu käsin
- Videossa on tekstitys, kuvassa vaihtoehtoinen teksti
- Vienti sRGB-muodossa: PNG tekstikuville, JPG valokuville
Usein kysyttyä
Minkä kokoinen kuva Instagramiin ja Facebookiin?
Yleiskäyttöinen julkaisu on 1080×1080 px ja pystyjulkaisu 1080×1350 px, joka vie syötteessä enemmän tilaa. Suunnittele tarinat ja Reels-videot kokoon 1080×1920 px. Saman 1080×1080 tai 1080×1350 px:n tiedoston voi yleensä julkaista molemmilla alustoilla.
Pitääkö somegrafiikan olla 300 DPI?
Ei. Näytöllä ratkaisee pikselimäärä, eikä tiedoston DPI-arvo vaikuta näkymiseen. 300 DPI on merkityksellinen vain painotuotteissa, kuten esitteissä ja julisteissa, joiden taitto tehdään millimetreinä leikkuuvaroineen.
Kuinka paljon tekstiä somekuvassa saa olla?
Käytännön nyrkkisääntö on 5–7 sanan otsikko ja enintään yksi täydentävä rivi. Laita muut tiedot julkaisun kuvatekstiin tai karusellin seuraaville dioille. Mitä vähemmän tekstiä, sitä nopeammin katsoja ymmärtää viestin.
Miten saan Instagram-syötteestä yhtenäisen?
Valitse 2 fonttia, 2–3 väriä ja yksi kuvatyyli, ja tee sitten pohjat jokaiselle julkaisusarjalle. Sijoita logo ja otsikot aina samaan kohtaan. Vaihda jokaisessa uudessa julkaisussa vain sisältö ja kuva.
Mihin tarinassa ei kannata sijoittaa tekstiä?
Vältä noin 250 px:n aluetta ylhäällä, jossa ovat profiilin nimi ja edistymispalkki, sekä noin 250 px:n aluetta alhaalla, jossa ovat vastauskenttä ja painikkeet. Pidä tärkein sisältö näytön keskiosassa. Sama koskee videoiden tekstityksiä.
Kuinka usein someen kannattaa julkaista?
Se riippuu toimialasta, alustasta ja siitä, kuinka paljon aikaa voit käyttää. Pienelle yritykselle realistinen tahti on 2–3 julkaisua viikossa ja tarinoita muutaman kerran viikossa. Tiheyttä tärkeämpää on säännöllisyys, joka säilyy kuukausien ajan.
