# Pikkukuvan teksti: sanat, jotka näkyvät 120 pikselissä

[Canonical HTML page](https://gradiently.design/fi/guide/typography-for-thumbnails)

Pikkukuva suunnitellaan 1280 pikseliä leveänä mutta arvioidaan murto-osassa siitä, ruuhkaisessa ruudukossa ja alle sekunnissa. Näin teksti kestää pienentämisen.

## The short version

- Pikkukuvan teksti toimii parhaiten kahden, kolmen tai neljän sanan pituisena. Sanat täydentävät videon nimeä toistamisen sijaan.
- 1280×720-kokoisessa YouTube-pikkukuvassa noin 100 pikseliä korkeat tai suuremmat kirjaimet pysyvät luettavina pienessä koossa.
- Vahvat groteskit, kuten Anton, Bebas Neue ja Archivo Black, pitävät suuret sanat luettavina pienessä kuvassa.
- YouTube näyttää videon keston pikkukuvan oikeassa alakulmassa. Pidä teksti poissa sieltä.
- Pienennä valmis pikkukuva noin 120 pikselin levyiseksi ennen julkaisua. Jos sanat näkyvät sinulle, ne näkyvät myös puhelimen katsojalle.

Hyvä **pikkukuvan teksti** on lyhyt, vahva ja valtava: kahdesta neljään sanaa lihavalla kapealla groteskilla. Kirjainten pitäisi olla noin 100 pikseliä korkeita tai suurempia 1280×720-kokoisessa YouTube-pikkukuvassa. Kontrastin tulee olla vahva ja oikean alakulman tyhjä videon kestoa varten. Sanojen pitäisi täydentää videon nimeä. Pienennä kuva ennen julkaisua noin 120 pikselin levyiseksi. Jos sen voi yhä lukea, se toimii hakutuloksissa, suosituksissa ja puhelimen kotisyötteessä.

## Miksi pikkukuvan teksti tarvitsee omat säännöt

Useimmat designit nähdään suunnilleen alkuperäisessä koossaan. Pikkukuva tehdään koossa 1280×720 ja näytetään pienenä laattana muiden joukossa, usein selatessa. Ohuet viivat katoavat, pienet sanat muuttuvat tekstuuriksi ja kokonainen lause harmaaksi kohinaksi. Tekstin pitää näkyä kymmenesosassa suunnittelukoostaan. Se muuttaa jokaista päätöstä.

- YouTube-pikkukuva 1280×720: 1280 × 720
- Shorts-kansi 1080×1920: 1080 × 1920
- Podcast-kansi 3000×3000: 3000 × 3000
- Soittolistan kansi 1080×1080: 1080 × 1080

Neljä formaattia, jotka päätyvät pieniksi laatoiksi. Jokainen suunnitellaan suurena ja arvioidaan pienenä, joten samat tekstisäännöt pätevät.

## Kuinka suuri pikkukuvan tekstin pitäisi olla

Ajattele kirjaimen korkeutta fonttikoon sijaan, sillä fonttien kirjaimet ovat samassa pistekoossa eri korkuisia. 1280×720-pikkukuvassa pääsanoihin sopivat noin 100:sta 180 pikseliin korkeat suuraakkoset. 120 pikselin leveydessä 100 pikselin kirjain on noin yhdeksän pikseliä korkea: pieni mutta vahvana luettava.

| Formaatti | Suunnittelukoko | Pääsanojen kirjainkorkeus | Sanoja enintään |
| --- | --- | --- | --- |
| YouTube-pikkukuva | 1280×720 | 100:sta 180 px:iin | 4 |
| YouTube Shorts -kansi | 1080×1920 | 120:stä 200 px:iin | 5 |
| Apple Podcasts -kansi | 3000×3000 | 300 px tai enemmän | 3, yleensä ohjelman nimi |
| Spotify-soittolistan kansi | 1080×1080 | 110 px tai enemmän | 3 |

Käytännön kirjainkorkeudet pääsanoille. Alarajaa pienempi teksti on koristetta, jota ei lueta.

Alustojen tarkat koot löytyvät oppaista [YouTube-pikkukuvan koko](https://gradiently.design/fi/guide/youtube-thumbnail-size) ja [podcast-kannen koko](https://gradiently.design/fi/guide/apple-podcasts-cover-size).

## Kuinka monta sanaa pikkukuvaan laitetaan

Vähemmän kuin ajattelet. Videon nimi näkyy jo pikkukuvan alla, joten kuvan sanojen pitäisi lisätä jännitettä, tulos tai yllätys. Jos videon nimi on ”Rakensin koko studioni uudelleen viikonlopussa”, kuvassa voi lukea vain ”48 tuntia”. Jos nimi on kysymys, kuvassa voi olla vastauksen ensimmäinen sana.

YouTube-pikkukuva, jonka pitkä kahdeksan sanan lause ei näkyisi pienessä koossa

Kahdeksan sanaa toistaa videon nimeä. Pikkukuvan koossa niistä tulee harmaa raita.

Sama YouTube-pikkukuva, jossa on vain kaksi suurta sanaa 48 tuntia vahvalla fontilla

Kaksi sanaa täydentää nimeä. Ne näkyvät huoneen toiselle puolelle ja sitäkin paremmin puhelimessa.

- **Luku ja yksikkö:** ”48 tuntia”, ”£0 budjetti”, ”10 kg”.
- **Arvio:** ”Kannattaa”, ”Älä”, ”Vihdoinkin”.
- **Ennen ja jälkeen:** ”Päivä 1” ja ”Päivä 30” eri puolilla.
- **Yksi vahva substantiivi** kasvojen tai esineen vieressä, joka kertoo loput.

## Parhaat fontit YouTube-pikkukuviin

Pikkukuvafontti tarvitsee paksut viivat ja mielellään kapeat kirjaimet, jotta suuret sanat mahtuvat pieneen kehykseen. Nämä löytyvät ilmaiseksi Google Fontsista ja sallivat kaupallisen käytön, mikä on tärkeää tuottoa tekevälle kanavalle. [Lihavat fontit](https://gradiently.design/fi/guide/bold-fonts) tarjoaa lisää.

| Fontti | Miksi toimii | Huomioitavaa |
| --- | --- | --- |
| Anton | Hyvin kapea ja vahva, pitkät sanat mahtuvat | Voimakas, parhaimmillaan suuraakkosina |
| Bebas Neue | Selkeät kapeat suuraakkoset | Vain suuraakkosia, ei pienaakkosia |
| Archivo Black | Leveä, vahva ja ystävällinen | Riville mahtuu vähemmän sanoja |
| Montserrat ExtraBold | Geometrinen ja tuttu | Paljon käytetty, vähemmän erottuva |
| Oswald Bold | Kapea, myös pienaakkoset | Ohuemmat leikkaukset katoavat pieninä |
| Barlow Condensed Black | Vahva mutta pehmeämpi | Tarvitsee tiiviin rivivälin |

Valitse yksi ja säilytä se kaikissa pikkukuvissa. Yhtenäinen typografia auttaa vakiokatsojaa löytämään videosi ruuhkaisessa syötteessä.

## Mihin pikkukuvan teksti sijoitetaan

Vaaleassa tilassa pikkukuvien takana on valkoinen ja tummassa lähes musta. Vieressä on muita kirkkaita kuvia. Sanojen pitää erottua omasta kuvastasi. Valkoinen tai keltainen tummalla alueella ja lähes musta vaalealla toimivat parhaiten. Keskisävy toisella keskisävyllä ei toimi. Levottomille valokuville auttaa [teksti levottomalla taustalla](https://gradiently.design/fi/guide/type-on-busy-backgrounds).

### Vältä

- Sanat oikeassa alakulmassa aikaleiman alla
- Kokonainen lause, joka toistaa videon nimen
- Ohuet tai käsialafontit
- Teksti kasvojen päällä
- Eri fontti joka videossa

### Tee näin

- Sanat ylävasemmalla tai yläoikealla, irti kulmasta
- Kahdesta neljään jännitettä lisäävää sanaa
- Yksi vahva ja kapea fontti
- Kasvot yhdellä puolella, sanat toisella
- Sama typografinen tyyli kaikissa pikkukuvissa

Paksu ääriviiva pitää sanat näkyvissä valokuvalla. Käytä yhtenäistä viivaa tummimmalla sävylläsi. [Ääriviivateksti](https://gradiently.design/fi/guide/outline-text) näyttää miten. Gradientlyn Käyrät- ja Kohotettu-tekstikäsittelyt antavat kirjaimille oman kontrastoivan reunan. Mark siirtää rauhallisimman alueensa sanojen taakse, joten ne pysyvät luettavina ilman laatikkoa.

## Pikkukuvan tekstin testaus ennen julkaisua

1. **Pienennä 120 pikselin levyiseksi** Vie kuva ja katso sitä noin 120 pikselin leveydessä. Se vastaa lähes pienintä sivupalkkien ja listojen pikkukuvakokoa. Lue sanat zoomaamatta.
2. **Tarkista molemmat sivuvärit** Aseta kuva valkoiselle ja lähes mustalle sivulle. Jos reunat katoavat toisella, ne tarvitsevat vahvemman kontrastin.
3. **Siristä silmiä** Siristä, kunnes kuva pehmenee. Sanojen pitäisi olla yhä ensimmäinen näkemäsi muoto.
4. **Aseta ruudukkoon** Laita kuva muutaman kilpailijan pikkukuvan rinnalle. Jos omasi ei erotu, yksinkertaista lisää.

Jos julkaiset myös Shortseja, tee kansi samasta designista aloittamisen sijaan. Gradiently Pro muuttaa designin kaikkiin kokoihin yhdellä kertaa, joten pikkukuva ja Shorts-kansi jakavat ilmeen. [YouTube-pikkukuvan suunnittelu](https://gradiently.design/fi/guide/youtube-thumbnail-design) käsittelee kuvan puolta.

## FAQ

### Kuinka monta sanaa YouTube-pikkukuvassa pitäisi olla?

Kahdesta neljään on hyvä raja. Videon nimi näkyy jo alla, joten pikkukuvan sanojen pitäisi täydentää sitä.

### Mikä fonttikoko pikkukuvan tekstillä pitäisi olla?

Tavoittele 1280×720-pikkukuvassa noin 100:sta 180 pikseliin korkeita suuraakkosia. Ne pysyvät luettavina pienessäkin koossa.

### Mikä on paras fontti YouTube-pikkukuviin?

Vahvat groteskit, kuten Anton, Bebas Neue, Archivo Black ja Oswald Bold. Niiden paksut viivat kestävät pienentämistä.

### Mihin pikkukuvan teksti kannattaa laittaa?

Ylävasen tai yläoikea toimii yleensä parhaiten. Vältä oikeaa alakulmaa, jossa YouTube näyttää videon keston.

### Miten saan pikkukuvan tekstin erottumaan?

Käytä vähän sanoja, vahvaa fonttia, suurta kontrastia kuvaan ja yhtenäistä ääriviivaa, jos tausta on levoton. Testaa noin 120 pikselin leveydessä.