SRT vai VTT: erot, alustatuki ja muunnos muodosta toiseen

SRT ja VTT ovat kumpikin pelkkää tekstiä olevia tekstitysmuotoja, jotka tallentavat jokaisesta tekstityslohkosta alkuajan, loppuajan ja näytettävän tekstin, ja yksinkertaisissa tekstityksissä ne ovat lähes vaihtokelpoisia. Erot ovat pieniä mutta ehdottomia: VTT-tiedoston (WebVTT) on alettava rivillä WEBVTT ja millisekuntien edessä on piste, kun taas SRT:ssä ei ole otsaketta ja erottimena on pilkku; VTT tuo lisäksi sijoittelun, tyylit ja kommentit. Lyhyesti: valitse VTT oman sivuston HTML5-videoon, SRT Facebookiin ja LinkedIniin ja kumpi tahansa YouTubeen ja Vimeoon.

Tässä oppaassa näytämme molemmat muodot esimerkein, kerromme, mitkä alustat hyväksyvät minkäkin muodon, ja selitämme, miten SRT muunnetaan VTT:ksi ja takaisin ajoitusta rikkomatta.

SRT vai VTT pähkinänkuoressa

Mikä on SRT-tiedosto?

SRT-tiedosto on SubRip-tekstitystiedosto: numeroitu luettelo tekstityslohkoja pelkkänä tekstinä. Jokaisessa lohkossa on kolme osaa: järjestysnumero, aikarivi ja yksi tai useampi tekstirivi, minkä jälkeen tulee tyhjä rivi ennen seuraavaa lohkoa.

1
00:00:01,000 --> 00:00:04,200
Welcome to the quarterly update.

2
00:00:04,600 --> 00:00:08,000
<i>Today we cover sales,
hiring and the product roadmap.</i>

Ajoitus on muodossa tunnit:minuutit:sekunnit,millisekunnit, aina kaksinumeroisin tunnein ja pilkulla. SRT:tä ei ole koskaan virallisesti standardoitu, joten muotoilutagien tuki vaihtelee. Monet työpöytäsoittimet näyttävät <i>- ja <b>-tagit, mutta YouTuben ohjesivun mukaan se tukee vain perusmuotoisia SRT-tiedostoja ilman tyylimerkintöjä, tallennettuna UTF-8-tekstinä. Yksinkertaisuutensa ansiosta srt-tekstitys on muoto, jota lähes jokainen videoeditori ja some-alusta osaa lukea, ja sitä voi muokata millä tahansa tekstieditorilla.

Mikä on VTT- eli WebVTT-tiedosto?

WebVTT (Web Video Text Tracks) on verkkoa varten rakennettu tekstitysmuoto. MDN:n WebVTT-viite tiivistää säännöt: tiedoston on alettava sanalla WEBVTT, sen on oltava UTF-8-muodossa, ja aikaleimoissa millisekuntien edessä on piste. Tunnit ovat valinnaisia, joten 01:02.500 on kelvollinen.

WEBVTT

NOTE Quarterly update, English captions

intro
00:01.000 --> 00:04.200
Welcome to the quarterly update.

00:04.600 --> 00:08.000 line:85% align:center
<v Maria>Today we cover sales,
hiring and the product roadmap.</v>

Tässä on kolme asiaa, joita SRT:ssä ei ole:

• Lohkoasetukset aikarivin perässä määräävät, missä teksti näkyy: line (pystysijainti), position ja size (vaakasijainti ja leveys), align (start, center, end) ja vertical (pystysuuntaisille kirjoitusjärjestelmille).
• Puhuja- ja luokkatagit, kuten <v Maria> tai <c.highlight>, kertovat puhujan tai liittävät tekstiin tyylin.
• NOTE-lohkot ovat kommentteja, joita katsoja ei koskaan näe. Lohkojen tunnisteet (kuten yllä intro) ovat valinnaisia.

CSS:ää voi myös upottaa STYLE-lohkoon ennen ensimmäistä tekstityslohkoa:

WEBVTT

STYLE
::cue {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.7);
}
::cue(v[voice="Maria"]) {
  color: #ffd166;
}

Selainten ulkopuolella tyylien tuki on epätasaista. Esimerkiksi YouTube hyväksyy WebVTT:n sijoittelun, mutta rajoittaa tyylit lihavointiin, kursiiviin ja alleviivaukseen. Pidä tyylejä bonuksena, ei asiana, jota jokainen soitin noudattaa.

Mitkä alustat hyväksyvät SRT:n tai VTT:n?

Useimmat katsojat eivät koskaan näe tiedostomuotoa, mutta latauslomakkeet ovat tarkkoja. Tähän olemme koonneet, mitä löysimme kunkin alustan ohjesivuilta ja tuoreista oppaista (tarkistettu lokakuussa 2026; käyttöliittymät muuttuvat, joten varmista tiedot ajantasaisesta ohjekeskuksesta).

Käyttääkö YouTube SRT- vai VTT-muotoa?

Molempia. YouTuben tuettuja tekstitystiedostoja käsittelevä sivu luettelee SubRipin (.srt) perusmuotoihin ja WebVTT:n (.vtt) edistyneisiin. Jos tarvitset vain tekstin ja ajoituksen, SRT aiheuttaa vähiten ongelmia. Jos tekstityksen pitää väistää kuvassa näkyvää tekstiä, käytä VTT:tä.

HTML5-video omalla sivustolla

Itse ylläpidetyssä soittimessa VTT on ainoa käytännöllinen vaihtoehto:

<video controls src="update.mp4">
  <track kind="subtitles" src="update.en.vtt" srclang="en" label="English" default>
</video>

Jos sinulla on SRT-tiedosto, muunna se ensin. Kuvaan poltetuista tekstityksistä ja lyhytvideoalustoista kerromme oppaassa tekstityksen lisääminen videoon.

Näin muunnat SRT:n VTT:ksi (ja VTT:n SRT:ksi)

Koska muodot ovat niin lähellä toisiaan, muunnos on enimmäkseen mekaanista työtä. Lyhyen tiedoston voi muuntaa käsin, mutta pidemmissä kannattaa käyttää muunninta.

SRT VTT:ksi käsin

1. Lisää ensimmäiseksi riviksi WEBVTT ja sen jälkeen tyhjä rivi.
2. Vaihda vain aikariveillä millisekuntien edessä oleva pilkku pisteeksi: 00:00:04,600 muuttuu muotoon 00:00:04.600.
3. Säilytä lohkojen numerot; WebVTT hyväksyy ne tunnisteiksi.
4. Tallenna UTF-8-muodossa .vtt-päätteellä.

Ole varovainen etsi ja korvaa -toiminnon kanssa: jos korvaat kaikki pilkut, myös repliikkien pilkut muuttuvat.

VTT SRT:ksi käsin

1. Poista WEBVTT-otsake sekä kaikki STYLE-, NOTE- ja REGION-lohkot.
2. Poista lohkoasetukset aikarivien lopusta.
3. Lisää puuttuvat tunnit (01:02.500 muuttuu muotoon 00:01:02.500) ja vaihda piste pilkuksi.
4. Numeroi lohkot järjestyksessä 1, 2, 3 ja poista vain VTT:hen kuuluvat tagit, kuten <v Maria>.

Muunnos selaimessa

Audiotextan ilmaiset SRT–VTT-muunnin ja VTT–SRT-muunnin tekevät nämä vaiheet puolestasi. Liität tekstityksen tai valitset tiedoston, ja muunnos tapahtuu selaimessasi, joten mitään ei ladata palvelimelle. Ajoitukset säilyvät millisekunnin tarkkuudella, ja rivin alussa oleva puhujan nimi muodossa "Nimi:" säilyy. Yksi rehellinen varaus: muuntimet poistavat tekstistä HTML- ja VTT-tyylitagit, joten jos käytät kursiivia tai omia tyylejä, lisää ne jälkikäteen tai muokkaa tiedostoa käsin.

Yleiset SRT- ja VTT-virheet ja niiden korjaus

• WEBVTT-otsake puuttuu. Selaimet ohittavat VTT-tiedoston ilman sitä. Lisää se aivan ensimmäiseksi riviksi.
• Pilkkuja VTT:n aikaleimoissa tai pisteitä SRT:ssä. Tavallisin seuraus siitä, että tiedosto on nimetty uudelleen muuntamisen sijaan. Korjaa vain aikarivit.
• Väärä merkistökoodaus. Jos ä, ö ja å muuttuvat oudoiksi symboleiksi, tiedosto ei yleensä ole UTF-8-muodossa. Tallenna se uudelleen UTF-8:na tekstieditorissa.
• Tallennettu nimellä .srt.txt. Jotkin editorit lisäävät .txt-päätteen huomaamatta. Ota tiedostopäätteet näkyviin ja nimeä tiedosto uudelleen.
• Tyhjiä rivejä puuttuu. Jokainen lohko on erotettava tyhjällä rivillä; muuten lohkot sulautuvat yhteen tai tiedoston jäsentäminen pysähtyy.
• Loppuaika ennen alkuaikaa tai päällekkäiset lohkot. Soitin voi ohittaa lohkon. Tarkista muokattujen lohkojen ajoitus.
• Facebook ei näytä tekstitystä. Oppaiden mukaan syy on usein tiedostonimessä: sen pitäisi päättyä kielikoodiin, kuten .fi_FI.srt.
• VTT toimii paikallisesti mutta ei palvelimella. Tarjoile tiedosto sisältötyypillä text/vtt. Jos se on eri verkkotunnuksessa, video-elementti tarvitsee crossorigin-attribuutin ja palvelimen on lähetettävä CORS-otsakkeet.
• Tekstitys ei ole oletuksena päällä. Lisää <track>-elementtiin default-attribuutti, jos tekstityksen pitää näkyä automaattisesti.

Kumpi muoto kannattaa viedä?

Jos teet tekstitykset alusta asti itse, sinun tarvitsee harvoin valita etukäteen. Audiotextan tekstitysgeneraattori litteroi äänen ja vie sekä SRT- että VTT-tiedoston myös ilmaisessa paketissa, ja litteraattia voi muokata ennen vientiä, jotta ajoitus ja sanamuodot ovat kohdallaan. SRT- ja VTT-tekstitysgeneraattorin oppaamme käy läpi koko työnkulun litteroinnista rivinpituuteen ja lukunopeuteen.

Nyrkkisääntö: vie SRT, kun kohteena on some-alusta tai videoeditori, vie VTT verkkosivuille ja verkkosoittimiin, ja pidä molemmat tallessa, jos julkaiset useassa paikassa. Teksti ja ajoitukset ovat identtiset; vain kääre vaihtuu.