# Videotekstitykset: luettava tyyli brändisi mukaan

[Canonical HTML page](https://gradiently.design/fi/guide/video-captions-design)

Moni katsoo somevideoita ilman ääntä, jolloin tekstitys kertoo koko tarinan. Näin teet siitä nopeasti luettavan ja silti oman näköisesi.

## The short version

- Hyvä videotekstitys on lyhyt ja kontrastiltaan vahva, pysyy samassa kohdassa ja jättää tilaa alustan omille painikkeille ja teksteille.
- Pystyvideossa tekstitys sijoitetaan yleensä kuvan alaosan keskelle, sovelluksen kuvausten, nimien ja painikkeiden yläpuolelle.
- Televisioyhtiöiden ja suoratoistopalvelujen tekstitysohjeissa rivin pituus rajataan yleensä noin 37-42 merkkiin, ja ruudulla on enintään kaksi riviä.
- Avoin tekstitys poltetaan videoon ja näkyy aina; valinnainen tekstitys on erillinen raita, jonka katsoja voi ottaa käyttöön tai piilottaa.
- Brändin tekstitystyyli voi muuttaa fonttia, väriä ja lihavuutta, mutta luettavuudesta ei tingitä.

Luettavat **videotekstitykset** noudattavat neljää sääntöä: kerrallaan yksi tai kaksi lyhyttä riviä, puhelimesta käsivarren etäisyydeltä luettava koko, vahva kontrasti taustaan ja kiinteä paikka alustan käyttöliittymän ulkopuolella. Pystyvideossa tämä paikka on yleensä kuvan alaosan keskellä, ei aivan alareunassa, jossa sovellusten painikkeet ja julkaisun kuvaus näkyvät. Kun nämä asiat ovat kunnossa, fontti, väri ja korostukset tuovat mukaan brändisi.

## Avoin ja valinnainen tekstitys

**Avoin tekstitys** kuuluu kuvaan: se poltetaan videoon, näkyy aina ja näyttää juuri siltä kuin suunnittelit. **Valinnainen tekstitys** on erillinen tekstiraita, jonka soitin näyttää ja katsoja voi piilottaa. Sen ulkoasun määrää soitin. Somevideoissa käytetään enimmäkseen avointa tekstitystä, sillä se säilyy uudelleenjulkaisuissa ja toistuu samanlaisena kaikissa sovelluksissa. Pitkiin videoihin omalla sivustolla tai YouTubessa kannattaa lisätä myös valinnainen tekstitysraita, jota hakukoneet ja ruudunlukijat voivat hyödyntää.

| Ominaisuus | Avoin tekstitys | Valinnainen tekstitys |
| --- | --- | --- |
| Sijainti | Videon ruuduissa | Erillinen tiedosto tai raita |
| Katsoja voi piilottaa | Ei | Kyllä |
| Oma typografia | Täysin hallinnassasi | Soittimen määrittämä |
| Sopii parhaiten | Reels, TikTok, tarinat, mainokset | YouTube, verkkosivut, pitkät puheenvuorot |
| Muokattavissa viennin jälkeen | Ei, video on vietävä uudelleen | Kyllä, muokkaamalla raitaa |

Moni brändi käyttää molempia: tyyliteltyä avointa tekstitystä lyhyissä somevideoissa ja valinnaista raitaa pitkissä videoissa.

Tekstitys on myös saavutettavuusvaatimus, ei vain tyylivalinta. W3C:n ohje [ennalta tallennettujen videoiden tekstityksestä](https://www.w3.org/WAI/WCAG22/Understanding/captions-prerecorded.html) kertoo, mitä sen tulee sisältää, kuten puhujan vaihtumisen ja merkitykselliset äänet.

## Mihin videon tekstitys sijoitetaan

1080×1920-kokoisessa Reelissä, TikTokissa tai Shorts-videossa sovellus piirtää käyttöliittymänsä kuvan päälle: tilin nimen ja julkaisun kuvauksen lähelle alareunaa sekä tykkäys-, kommentointi- ja jakopainikkeet oikeaan reunaan. Alimpaan neljännekseen sijoitettu tekstitys jää niiden alle. Sijoita se kuvan alaosan keskelle, pitkissä riveissä hieman keskilinjan vasemmalle puolelle. Pidä paikka samana koko videon ajan, jotta katse oppii löytämään tekstin.

- Reel ja TikTok 9:16: 1080 × 1920
- Syötevideo 4:5: 1080 × 1350
- Vaakavideo 16:9: 1920 × 1080

Pystyvideon tekstitys tarvitsee tilaa alareunan yläpuolelta. 16:9-videossa perinteinen alasijoittelu toimii, sillä soittimen säätimet piiloutuvat toiston aikana.

Vaakavideossa perinteinen paikka keskellä, aivan alareunan yläpuolella, toimii yhä. 1080×1350-kokoisessa syötevideossa jätä alin noin kymmenesosa vapaaksi, sillä jotkin sovellukset näyttävät siinä mykistyspainikkeen ja etenemispalkin. Käyttöliittymän tarkka sijainti vaihtelee alustoittain ja muuttuu usein; [somen turva-alueet](https://gradiently.design/fi/guide/social-media-safe-zones) kokoaa ajantasaiset alueet.

## Rivin pituus, koko ja ajoitus

- **Enintään kaksi riviä.** Kolme riviä muodostaa kappaleen, eikä liikkuvan kuvan päältä lueta kappaleita.
- **Noin 37-42 merkkiä rivillä.** Televisioyhtiöiden ja suoratoistopalvelujen ohjeissa käytetään tavallisesti tätä vaihteluväliä. Sometekstitykset ovat usein lyhyempiä: kolmesta kuuteen sanaa ruudulla on nopein lukea.
- **Katkaise luontevasta kohdasta.** Vaihda riviä pilkun jälkeen tai ennen uutta lausetta, älä kesken yhteen kuuluvan sanaparin.
- **Riittävän suuri puhelimeen.** 1080 px leveässä pystyvideossa noin 48 ja 64 px:n välille asettuva tekstikoko on yleensä mukava lukea. Tarkista oikealla puhelimella.
- **Näkyvissä riittävän kauan kahteen lukukertaan.** Jos et ehdi lukea tekstitystä ääneen vaivatta ennen sen katoamista, se vaihtuu liian nopeasti tai on liian pitkä.

## Tekstitystyylit, jotka pysyvät luettavina

Vain muutama tapa tekee tekstistä varmasti luettavaa liikkuvan kuvan päällä. Niitä yhdistää tasainen kontrasti kirjainten ja niiden välittömän taustan välillä. Tyylit, jotka rikkovat tämän tasaisuuden, näyttävät hyvältä yhdessä ruudussa ja katoavat seuraavassa.

| Tyyli | Ulkoasu | Toimii parhaiten |
| --- | --- | --- |
| Umpinainen palkki | Valkoinen tai tumma teksti peittävällä pyöristetyllä laatikolla | Levottomat kuvat, ulkona kuvattu puhuja |
| Lihava teksti ilman laatikkoa | Lihava fontti yhdessä tekstivärissä | Rauhalliset taustat ja suunniteltu liike |
| Lausutun sanan korostus | Puhuttu sana vaihtaa väriä tai lihavuutta | Lyhyet napakat videot, opastusvideot |
| Ääriviiva | Kirjaimissa ohut tumma reunus | Vaihtelevat kuvat, kun laatikko tuntuu raskaalta |

Valitse yksi tyyli ja käytä sitä koko sarjassa. Vältä pehmeää hehkua ja sädekehiä tekstityksen takana: ne sumentavat eikä teksti silti erotu kirkkaista ruuduista.

Pystykuva, jonka tekstitys kulkee epätasaisesti taustan vaaleiden ja tummien alueiden poikki

Ilman suunnitelmaa kontrastista osa rivistä osuu vaalealle ja osa tummalle alueelle. Teksti näkyy katkonaisesti.

Pystykuva, jonka liukuväri rauhoittuu tekstityksen takana niin, että jokainen sana erottuu selkeästi

Sama rivi taustalla, joka antaa sanoille tilaa: rauhalliset värit tekstin takana ja tasainen kontrasti koko rivillä.

Toinen kuva näyttää, miten Gradiently käsittelee sanoja liikkuvien taustojensa päällä. Mark tietää tekstin sijainnin: sen rauhallisin ja parhaiten erottuva alue siirtyy sanojen taakse, ja Automaattinen muste valitsee vaalean tai tumman tekstin rivikohtaisesti ilman laatikoita, varjoja tai sumennusta. Itse kuvaamaasi materiaaliin umpinainen palkki on usein toimivin ratkaisu. [Luettava teksti valokuvissa](https://gradiently.design/fi/guide/readable-text-on-photos) esittelee vaihtoehdot levottomille kuville.

## Brändin näköinen tekstitys

Brändin tekstitys muuttaa tekstin ääntä, mutta pitää sen luettavana. Käytä leipätekstin tai otsikoiden fonttia, jos sen lihavoitu leikkaus erottuu pienessä koossa. Muussa tapauksessa valitse selkeä päätteetön fontti ja säästä brändifontti otsikoihin. Valitse paletistasi yksi tekstiväri ja yksi korostusväri ja käytä niitä jokaisessa videossa.

- Tekstityksen väri: #ffffff
- Palkki tai ääriviiva: #111827
- Lausuttu sana: #facc15
- Toinen puhuja: #38bdf8

Koko tekstityspaletti: yksi tekstiväri, yksi tumma tukiväri, yksi korostus ja toinen väri vain, jos puhujia on kaksi.

1. **Kirjoita tai tarkista litterointi** Korjaa ensin nimet, numerot ja tuotetermit. Kirjoitusvirheitä sisältävä tekstitys on pahempi kuin ei tekstitystä lainkaan.
2. **Jaa teksti tekstityspaloiksi** Somevideoon kolmesta kuuteen sanaa ruudulle, pidempiin puheisiin enintään kaksi riviä. Katkaise luonnollisista tauoista.
3. **Määritä yksi tyyli** Fontti, lihavuus, koko, tekstiväri, korostus ja sijainti. Tallenna tyyli, jotta kaikki videot sopivat yhteen.
4. **Sijoita turva-alueen mukaan** Esikatsele täysikokoisena ja huomioi alustan käyttöliittymä, älä pelkkää editoria.
5. **Katso ilman ääntä** Toista video puhelimella mykistettynä. Jos tarina on silti ymmärrettävä, tekstitys toimii.

Prossa Gradientlyn videoeditorin aikajanalla on tekstitysraita: kirjoita tekstitykset yksitellen tai tuo SRT- tai WebVTT-tiedosto, määritä tekstin koko, tekstiväri ja taustaväri. Tekstitykset poltetaan vietävään videoon. Ohje on artikkelissa [tekstityksen lisääminen videoon](https://gradiently.design/fi/guide/video-timeline-and-captions). Jos aloitat tallenteesta, [puhujavideo](https://gradiently.design/fi/guide/talking-head-video) auttaa rajauksen ja äänen kanssa.

## FAQ

### Mihin pystyvideon tekstitys kannattaa sijoittaa?

Kuvan alaosan keskelle, sen alueen yläpuolelle, jossa sovellukset näyttävät tilin nimen, julkaisun kuvauksen ja painikkeet. Jätä myös oikea reuna vapaaksi toimintopainikkeille.

### Kuinka monta sanaa videotekstityksessä pitäisi näkyä kerrallaan?

Somevideossa kolmesta kuuteen sanaa ruudulla on nopein lukea. Pidemmissä puheissa käytetään tavallisesti enintään kahta riviä, joilla kummallakin on noin 37-42 merkkiä.

### Mitä eroa avoimella ja valinnaisella tekstityksellä on?

Avoin tekstitys poltetaan videoon ja näkyy aina. Valinnainen tekstitys on erillinen raita, jonka katsoja voi ottaa käyttöön tai piilottaa ja jonka ulkoasun soitin määrittää.

### Mikä fontti sopii parhaiten videotekstitykseen?

Selkeä päätteetön fontti, jossa on lihava leikkaus ja avoimet kirjainmuodot. Käytä brändifonttiasi, jos sen lihavoitu leikkaus erottuu puhelimella pienessä koossa.

### Auttaako tekstitys myös äänen kanssa katsovia?

Kyllä. Se auttaa meluisissa paikoissa, kuuroja ja huonokuuloisia, toisella kielellä lukevia sekä kaikkia, joilta jokin sana jää kuulematta.