SRTとVTTの違いは?動画編集・投稿での使い分けを解説

雑学

動画に字幕を付けようとしたとき、「SRTとVTTは何が違うの?」「動画編集用と投稿用で、どちらを選べばいい?」と迷いますよね。

どちらも字幕ファイルとして使われますが、対応している編集ソフトや投稿先、できる表示設定には違いがあります。

形式を何となく選ぶと、アップロード時に読み込めなかったり、字幕の位置や文字が意図どおりに表示されなかったりすることもあります。

この記事では、SRTとVTTの基本的な違いから、動画編集ソフト・YouTubeやVimeo・自社サイトでの使い分けまで、目的に合わせて選ぶポイントをわかりやすく解説します。

字幕作成後の変換方法やタイミング調整、文字化けを防ぐ保存方法も紹介するので、初めて字幕ファイルを扱う場合にも役立ちますよ。

この記事でわかること

  • SRTとVTTの主な違いと、それぞれに向いている用途
  • 動画編集ソフトやYouTube・Vimeoへ投稿するときの選び方
  • 自社サイトのHTML5動画でVTTを活用する方法
  • 字幕ファイルの変換・タイミング補正・文字化け対策のポイント
  1. SRTとVTTの主な違いは対応環境と字幕表現の幅
    1. SRTは幅広い動画サービスや編集ソフトで扱いやすい形式
    2. VTTはウェブ動画向けの機能が充実した形式
    3. ヘッダー・字幕番号・タイムコード表記の違い
    4. 拡張子だけでは判断できない機能と互換性の違い
  2. 動画編集ソフトへ読み込むならSRTが使いやすい
    1. Adobe Premiere Proでは対応形式と読み込み設定を確認する
    2. Final Cut Proでは字幕ロールや書き出し形式にも注意する
    3. DaVinci ResolveではSRTを基準に字幕トラックへ読み込む
    4. ソフトのバージョンによって対応状況が異なる
  3. YouTubeやVimeoへの投稿は対応形式と目的で選ぶ
    1. YouTubeではSRTとVTTのどちらも選択肢になる
    2. Vimeoでも投稿時の対応形式を確認して使い分ける
    3. 複数サービスへ投稿するならSRTを基準にすると管理しやすい
  4. 自社サイトのHTML5動画にはVTTが適している
    1. video要素とtrack要素を使ってVTT字幕を指定する
    2. 字幕ファイルの設置場所と言語情報を正しく設定する
    3. ブラウザによる表示の違いも公開前に確認する
  5. 字幕の位置や装飾を細かく指定するならVTTが便利
    1. 字幕の位置・整列・表示範囲を指定できる
    2. 話者情報やコメントを字幕データへ記述できる
    3. 色やサイズの反映方法は再生環境によって異なる
  6. SRTとVTTの変換は拡張子の書き換えだけでは完了しない
    1. 変換ツールまたは字幕編集ソフトを利用する
    2. SRTからVTTへ変換するときはヘッダーとタイムコードを整える
    3. VTTからSRTへの変換では装飾や位置情報が引き継がれない場合がある
    4. 変換後は表示内容とタイミングを動画で確認する
  7. 字幕のタイミングずれは編集後の動画に合わせて補正する
    1. 動画のカットや再生速度の変更がずれの原因になりやすい
    2. 全体のずれと一部だけのずれを分けて修正する
    3. フレームレート変更後は動画の終盤まで確認する
  8. 日本語字幕はUTF-8で保存すると文字化けを防ぎやすい
    1. 字幕ファイルの文字コードをUTF-8に統一する
    2. ファイル名と改行コードも利用環境に合わせる
    3. 投稿前に編集ソフト・ブラウザ・動画サービスで表示を確認する
  9. まとめ

SRTとVTTの主な違いは対応環境と字幕表現の幅

SRTとVTTの違いは?動画編集・投稿での使い分けを解説

SRTとVTTはどちらも動画に字幕を付けるためのファイル形式ですが、幅広い環境で扱いやすいのはSRT、ウェブ動画で細かな表示設定をしやすいのはVTTです。

迷ったときは、利用する動画サービスやソフトが対応している形式を確認したうえで、字幕に装飾や位置指定が必要かどうかで選ぶと分かりやすいですよ。

字幕の文章と表示時間だけをシンプルに管理したい場合はSRTで十分なことが多く、表示方法まで調整したい場合はVTTの機能が役立ちます。

比較項目 SRT VTT
主な特徴 構造がシンプルで広く利用されている ウェブ動画向けの追加機能を持つ
対応環境 動画編集ソフトや動画サービスで扱われやすい ウェブブラウザで再生する動画との相性がよい
字幕の表現 基本的には文字と表示時間を指定する 位置や配置などを指定できる場合がある
ファイル冒頭の記述 専用のヘッダーは必須ではない 「WEBVTT」というヘッダーが必要
タイムコード ミリ秒の前にカンマを使う ミリ秒の前にピリオドを使う

SRTは幅広い動画サービスや編集ソフトで扱いやすい形式

SRTは「SubRip Subtitle」の略称で、字幕ファイルとして長く使われてきた一般的な形式です。

ファイルの中身は、字幕番号、表示開始から終了までの時間、字幕本文という分かりやすい構成になっています。

形式が比較的シンプルなため、多くの動画関連ツールで読み込める可能性があり、互換性を優先したい場面で候補にしやすい形式です。

たとえば、字幕の内容を確認したり、テキストエディタで一部の文言を修正したりする作業も、書式を理解すれば進めやすいでしょう。

一方で、字幕を画面のどこに出すか、どのような見た目にするかといった指定には、環境ごとの制約があります。

SRTは基本的な字幕情報を受け渡す用途に向いているため、再生側が独自の表示ルールを持つ場合は、そのルールに従って表示されます。

VTTはウェブ動画向けの機能が充実した形式

VTTは「WebVTT」の略称で、主にウェブブラウザ上で再生する動画の字幕表示を想定した形式です。

HTML5の動画と組み合わせて使われることが多く、字幕を表す情報に加えて、表示位置や文字の配置に関する指定を加えられます。

字幕を話者ごとに区別したい場合や、映像内の大事な部分を避けて字幕を表示したい場合には、VTTの表現力が活かされることがあります。

ただし、VTTで指定した内容がすべて同じように反映されるとは限らず、再生するブラウザやプレーヤーの対応状況によって見え方が変わることがあります。

そのため、VTTの追加機能を使うときは、実際の再生環境で表示を確認することが大切です。

字幕そのものを表示する基本機能だけであれば、SRTとVTTのどちらでも目的を満たせるケースは少なくありません。

ヘッダー・字幕番号・タイムコード表記の違い

SRTとVTTは見た目が似ていますが、ファイル内で使う記号や必須の記述に違いがあります。

もっとも分かりやすい違いは、VTTの先頭に「WEBVTT」と記載するヘッダーが必要な点です。

SRTでは字幕ごとに連番を付ける書き方が一般的ですが、VTTの字幕番号は必須ではありません。

また、表示時間を示すタイムコードでは、SRTは秒とミリ秒の間にカンマを使い、VTTはピリオドを使います。

  • SRTの例:00:00:01,500 –> 00:00:04,000
  • VTTの例:00:00:01.500 –> 00:00:04.000

この記号の違いは小さく見えますが、正しい形式で記述されていないと字幕として認識されないことがあります。

特に、SRTの内容をもとにVTTを作成する場合は、ヘッダーの追加やタイムコード表記の調整が必要になります。

拡張子だけでは判断できない機能と互換性の違い

字幕ファイルは、名前の末尾を「.srt」または「.vtt」にするだけで、正しい形式になるわけではありません。

拡張子はファイルの種類を示す目印ですが、実際に利用できるかどうかは、ファイル内部の記述がその形式のルールに合っているかで決まります。

たとえば、SRTのタイムコード表記のまま拡張子だけをVTTに変更しても、VTTとして適切に読み込まれない場合があります。

反対に、VTTに含まれる位置指定などの情報は、SRTの書式へそのまま移せないことがあります。

利用する環境がSRTとVTTの両方に対応していても、対応しているのが基本的な字幕表示だけなのか、追加の表示指定まで含むのかは別の話です。

形式名だけで判断せず、必要な字幕表現と利用先の対応内容を照らし合わせることが、手戻りを減らすポイントになります。

動画編集ソフトへ読み込むならSRTが使いやすい

SRTとVTTの違いは?動画編集・投稿での使い分けを解説

動画編集ソフトで字幕を扱うなら、まずはSRT形式を用意しておくと進めやすいです。

SRTは多くの編集ソフトで字幕ファイルとして読み込めるため、文字起こしツールで作成したデータをタイムライン上の字幕へ反映したい場面に向いています。

ただし、読み込み方法や利用できる機能はソフトごとに異なるので、使用中のバージョンと字幕機能の対応状況を確認してから作業を始めましょう。

編集ソフト SRTの主な扱い方 確認したいポイント
Adobe Premiere Pro 字幕素材として読み込み、キャプショントラックへ配置する 読み込み時の字幕規格やシーケンス設定
Final Cut Pro 字幕として読み込み、ロールで管理する 字幕ロールと納品時の書き出し設定
DaVinci Resolve 字幕トラックへ読み込み、タイムライン上で調整する 字幕トラックの追加方法と読み込みメニュー

Adobe Premiere Proでは対応形式と読み込み設定を確認する

Adobe Premiere Proでは、SRTファイルをプロジェクトへ読み込み、キャプションとしてタイムラインに配置する流れが一般的です。

読み込み後は、字幕専用のトラックとして表示されるため、映像や音声の編集と分けて管理しやすい点がメリットです。

字幕の表示内容を確認したいときは、テキスト関連のパネルを使うと、タイムライン上の各字幕を探しやすくなります。

一方で、プロジェクトやシーケンスの設定によっては、想定した字幕規格として扱われないことがあります。

読み込んだ直後に、字幕がキャプショントラックとして追加されているかを確認すると、後から修正する手間を抑えやすいです。

  • プロジェクトパネルにSRTファイルを読み込む
  • 字幕素材をシーケンスへ配置する
  • プログラムモニターで表示開始・終了の位置を確認する
  • 必要に応じて字幕の文言を個別に編集する

Final Cut Proでは字幕ロールや書き出し形式にも注意する

Final Cut Proで字幕を扱う場合は、SRTを読み込める環境かを確認したうえで、字幕をロールとして整理することが大切です。

ロールは、映像・音声・字幕といった素材の種類を分類するための仕組みで、複数言語の字幕や仮字幕を管理する際にも役立ちます。

たとえば、日本語版と英語版の字幕を同じプロジェクト内で扱う場合、言語ごとにロールを分けておくと、確認したい字幕を見つけやすくなります。

編集途中ではSRTを読み込めても、最終的な書き出し時に選べる字幕の扱いは、出力先や設定によって変わります。

そのため、編集用に読み込むことと、完成データに字幕を含めることは分けて考えると安心です。

納品先や共有方法が決まっている場合は、編集を始める前に、必要な字幕の出力方法を確認しておくと判断しやすくなります。

DaVinci ResolveではSRTを基準に字幕トラックへ読み込む

DaVinci Resolveでは、SRTを字幕トラックへ読み込んで、タイムライン上で字幕を確認・編集する使い方がわかりやすいです。

字幕トラックを映像トラックや音声トラックと分けて扱えるため、映像のカット作業を進めながら、字幕だけを選んで調整できます。

すでに文字起こしから作成したSRTがある場合は、字幕の土台として読み込んでから、映像に合わせて文言を整える方法が効率的です。

タイムライン上で字幕が表示されないときは、字幕トラックが非表示になっていないか、再生ヘッドが字幕の表示区間にあるかを確認しましょう。

また、映像編集用のタイムラインと別のタイムラインに読み込んでしまうと、字幕が見つからず戸惑いやすいため、作業対象のタイムラインを先に選ぶこともポイントです。

ソフトのバージョンによって対応状況が異なる

同じ編集ソフトでも、バージョンによってSRTの読み込み可否や、編集できる字幕機能の範囲が異なることがあります。

インターネット上の解説で紹介されているメニュー名や画面構成が、自分の環境と一致しない場合もあります。

特に古いバージョンを使っている場合は、字幕の読み込み機能そのものが限られていることがあるため注意が必要です。

作業前には、次の項目を確認しておくとスムーズです。

  • 利用中のソフト名とバージョン
  • SRTの読み込みに対応しているか
  • 読み込み後に字幕トラックとして編集できるか
  • 複数の字幕データを管理する機能があるか

もしSRTを読み込めなかった場合は、無理に手入力を始める前に、公式のサポート情報で対応形式を確かめるのがおすすめです。

編集ソフトに合う字幕ファイルを選ぶことで、字幕作成から映像確認までの流れを整えやすくなります。

YouTubeやVimeoへの投稿は対応形式と目的で選ぶ

SRTとVTTの違いは?動画編集・投稿での使い分けを解説

YouTubeやVimeoへ字幕を投稿する場合は、各サービスが受け付けている形式を確認したうえで、字幕をどこまで共通利用したいかで選ぶのがおすすめです。

迷ったときは、複数の動画編集ソフトや投稿先で扱いやすいSRTを基本ファイルにすると、字幕データを管理しやすくなります。

ただし、対応形式やアップロード画面の仕様は更新されることがあるため、投稿する直前に公式の案内も確認しておくと安心です。

YouTubeではSRTとVTTのどちらも選択肢になる

YouTubeの字幕機能では、SRTとVTTのどちらも字幕ファイルの候補になります。

すでに動画編集用にSRTを作成しているなら、そのファイルを活用して字幕を追加できる場合があるため、作り直しの手間を抑えられます。

一方で、WebVTT形式で用意した字幕を使いたい場合も、投稿時の字幕追加画面で受け付けられるかを確認して選びましょう。

YouTube上で視聴者に伝わりやすい字幕を用意することが目的なら、ファイル形式そのものよりも、動画の音声と表示タイミングが合っているかが大切です。

たとえば、話し始める前に字幕が出たり、話し終えてから長く残ったりすると、内容を追いにくくなることがあります。

投稿前には、限定公開などで動画を再生し、スマートフォンとパソコンの両方で字幕の見え方を確かめるとよいでしょう。

目的 選びやすい形式 考え方
編集用に作った字幕を投稿にも使う SRT すでにあるファイルを流用しやすい
WebVTTで管理している字幕を使う VTT YouTube側の受付状況を確認して投稿する
字幕を初めて用意する SRT 対応するツールが多く、基本ファイルにしやすい

なお、字幕ファイルに独自の表示指定を含めていても、YouTubeの再生画面ではその指定がすべて反映されるとは限りません。

投稿後の見た目はYouTube側の字幕表示設定の影響を受けるため、ファイル上の表現だけで判断しないことがポイントです。

Vimeoでも投稿時の対応形式を確認して使い分ける

Vimeoでも字幕やキャプションを追加できますが、契約しているプランや動画の設定によって利用できる機能が異なることがあります。

そのため、SRTかVTTかを決める前に、まずは投稿先の動画管理画面で字幕ファイルの追加項目を確認するのが確実です。

Vimeoへ動画を納品したり、クライアントと共有したりする用途では、字幕の言語設定や表示名もわかりやすく整えておくと親切です。

たとえば、日本語字幕と英語字幕を用意する場合は、ファイル名だけで区別するのではなく、アップロード後の言語選択が正しく設定されているか確認しましょう。

  • 投稿するVimeoアカウントで字幕追加機能を利用できるか
  • 字幕ファイルとして受け付けられる拡張子は何か
  • 字幕の言語が動画の内容に合っているか
  • 公開ページで字幕のオン・オフを切り替えられるか
  • 共有先の端末で文字が読みやすく表示されるか

特に、取引先やチームメンバーに動画を見てもらう場合は、投稿後にリンクを開いてもらい、字幕が問題なく選択できるかを一度確認しておくとスムーズです。

字幕の表示方法は視聴環境によって変わることがあるため、実際の公開ページでの確認を作業の最後に入れておくと安心できます。

複数サービスへ投稿するならSRTを基準にすると管理しやすい

YouTube、Vimeo、動画編集ソフトなど複数の場所で字幕を使うなら、SRTを基準ファイルとして保管する方法がわかりやすいです。

SRTはシンプルな構造のため、字幕作成ツールや編集ソフト、投稿サービスの間で受け渡ししやすい傾向があります。

まずは動画ごとに完成版のSRTを保存し、投稿先で別形式が必要になったときだけ複製して用意すると、どれが最新版かわからなくなりにくいです。

  1. 動画の完成版に合わせてSRTを確定する
  2. ファイル名に動画名・言語・更新日を入れて保存する
  3. YouTubeやVimeoへ投稿する際に対応形式を確認する
  4. 必要な場合だけ投稿先用のファイルを別に作成する
  5. 公開後の動画で字幕表示を確認する

ファイル名は「動画名_日本語_2026-10-15」のように、内容と更新時期がわかる形にしておくと探しやすくなります。

英語版や修正版を作る予定があるなら、「原稿用」「投稿用」などの保存先を分けるのもおすすめです。

ただし、投稿先ごとに字幕の表示ルールや受け付け条件が違うことはあるため、ひとつのファイルをそのまま使えるとは限りません。

基本となるSRTを大切に保管しながら、各サービスの投稿画面で最終確認する流れにすると、字幕運用を続けやすくなります。

自社サイトのHTML5動画にはVTTが適している

SRTとVTTの違いは?動画編集・投稿での使い分けを解説

自社サイトにHTML5動画を掲載し、ブラウザ上で字幕を表示したい場合は、WebVTT形式の字幕ファイルを使う方法が基本です。

動画を表示するvideo要素と、字幕を読み込むtrack要素を組み合わせることで、視聴者が字幕の表示・非表示を選べるページを作れます。

字幕を動画データへ直接焼き込まずに管理できるため、言語別の字幕を用意したいときや、文章だけを更新したいときにも扱いやすいです。

video要素とtrack要素を使ってVTT字幕を指定する

HTML5動画に字幕を付けるときは、動画本体を指定するvideo要素の中に、字幕ファイルを指定するtrack要素を記述します。

VTTファイルは、動画の再生時間に合わせた字幕文と開始・終了時刻を持つテキストファイルです。

ブラウザは動画の再生に合わせてVTTファイルを参照し、指定されたタイミングで字幕を表示します。

基本的には、動画ファイルとVTTファイルをサーバーへ配置し、ページ内で両者を関連付ける流れになります。

要素・属性 役割
video要素 動画プレーヤーをページへ表示する
track要素 字幕・説明文などのテキストトラックを動画へ関連付ける
src属性 VTTファイルの場所を指定する
kind属性 字幕の種類を示す
srclang属性 字幕の言語を示す
label属性 プレーヤー上で視聴者に表示する言語名を設定する

会話やナレーションを文字で伝える字幕には、kind属性でcaptionsを指定する構成がよく使われます。

一方で、翻訳字幕として見せる目的ならsubtitlesを選ぶこともあります。

どちらを使うかは動画の内容とサイト内での案内方針によりますが、音声情報を補う字幕であることが伝わる設定にしておくと、管理しやすくなります。

字幕を最初から表示したい場合はdefault属性を付ける方法がありますが、視聴者が自分で選べる状態を優先する設計もあります。

字幕ファイルの設置場所と言語情報を正しく設定する

VTT字幕を表示するには、HTMLに書いたファイルの場所と、実際にサーバーへ置いた場所を正しく一致させることが大切です。

動画と字幕を同じフォルダに置く場合と、字幕専用のフォルダにまとめる場合では、src属性に指定するパスが変わります。

公開後に字幕が表示されないときは、まずVTTファイルの名前、拡張子、設置先、パスの記述を確認すると切り分けしやすいです。

  • VTTファイルの拡張子が.vttになっているか確認する。

  • HTML内のファイル名と、サーバー上のファイル名が一致しているか確認する。

  • 大文字・小文字を含め、フォルダ名とパスが正しいか確認する。

  • 動画の言語に合わせてsrclangを設定する。

  • 視聴者に表示する名称として、labelをわかりやすく設定する。

たとえば日本語字幕なら、言語情報はja、表示名は「日本語」といった形にすると、プレーヤーの字幕メニューで選びやすくなります。

英語版も用意する場合は、言語ごとに別のVTTファイルを作成し、それぞれに対応した言語情報と表示名を付けます。

複数言語の字幕を1つのVTTファイルへまとめるのではなく、言語ごとに分けると、視聴者が希望する字幕を選択しやすくなります。

また、サーバー側でVTTファイルが適切な形式として配信されていないと、ブラウザが字幕として扱えない場合があります。

サイトの管理画面やサーバー設定を変更できる環境なら、VTTファイルの配信設定についても制作担当者へ確認しておくと安心です。

ブラウザによる表示の違いも公開前に確認する

VTTは多くの主要ブラウザで利用されていますが、字幕メニューの見え方や初期状態、操作方法はブラウザや端末によって少し異なることがあります。

パソコンでは問題なく見えても、スマートフォンでは字幕の選択場所がわかりにくいこともあるため、公開前の確認は欠かせません。

特に、動画プレーヤーを独自のデザインに変更しているサイトでは、標準の字幕操作が利用しにくくなっていないか確認しておくことが大切です。

  1. 実際の公開環境または公開前の確認環境で動画を再生する。

  2. 字幕メニューから対象の言語を選び、字幕が表示されるか確認する。

  3. 動画の冒頭・途中・終わりまで再生し、字幕が意図した内容で表示されるか確認する。

  4. パソコンとスマートフォンの両方で、字幕の選択や見やすさを確認する。

  5. 複数言語を用意した場合は、切り替え後に正しい字幕が表示されるか確認する。

字幕は音を出しにくい場所で動画を見る人や、内容を文字でも確認したい人にとって役立つ要素です。

そのため、ファイルを設置しただけで終わりにせず、視聴者の画面で実際に選択・表示できるところまで確認すると、より使いやすい動画ページにつながります。

字幕の位置や装飾を細かく指定するならVTTが便利

SRTとVTTの違いは?動画編集・投稿での使い分けを解説

字幕を画面下部以外に表示したい場合や、映像内の文字と重ならないように調整したい場合は、VTTを選ぶと表現の幅が広がります。

VTTでは字幕ごとに位置・横幅・文字の整列などを指定でき、話者名や制作メモもデータ内に残せます。

ただし、色や文字サイズなどの見え方は再生するプレーヤーの仕様にも左右されるため、指定した内容が必ず同じように表示されるとは限りません。

字幕の位置・整列・表示範囲を指定できる

VTTは、字幕を表示するタイミングだけでなく、画面内の配置に関する情報も字幕データへ記述できる形式です。

たとえば、話している人物の近くに字幕を置いたり、画面下部に表示されるテロップを避けたりといった調整に役立ちます。

映像内に複数人が登場し、誰の発言なのかを見分けやすくしたい場面でも便利です。

指定できる内容 活用しやすい場面
表示する行の位置 画面下のテロップや操作ボタンとの重なりを避けたいとき
横方向の位置 話者がいる側へ字幕を寄せたいとき
字幕の表示幅 一度に表示する文字量を抑え、読みやすくしたいとき
文字の整列 左寄せ・中央寄せなど、映像の構成に合わせたいとき
縦書き方向 縦長の映像や特殊なレイアウトを検討するとき

たとえば画面下部に商品名や説明文が常時表示される動画では、字幕を少し上へ移動することで、情報同士の重なりを減らしやすくなります。

一方で、細かな位置指定を多用すると、スマートフォンのような小さな画面では字幕が読みにくくなることがあります。

位置の指定は演出よりも読みやすさを優先することが大切です。

まずは基本的な位置で表示を確認し、映像内の重要な文字と重なる箇所だけを調整すると、管理しやすくなります。

話者情報やコメントを字幕データへ記述できる

VTTでは、字幕本文に話者名を含めたり、話者ごとに区別しやすい情報を加えたりできます。

対談、インタビュー、オンライン会議の記録など、発言者が切り替わる動画では、誰が話しているかを補足しやすくなります。

字幕として表示する話者情報には、たとえば「司会:」「参加者:」のようなわかりやすい表記を使う方法があります。

また、VTTには視聴者へ表示しないコメントを記録するための記述方法もあります。

字幕を修正する担当者へ注意点を伝えたい場合や、確認用のメモを残したい場合に活用できます。

  • 話者名を字幕内に表示し、発言者をわかりやすくする。

  • 効果音や拍手など、音に関する補足を必要に応じて記載する。

  • 修正箇所や確認事項を、表示されないコメントとして残す。

  • 話者ごとの表現ルールを決め、字幕全体の表記をそろえる。

ただし、話者情報を毎回入れると字幕の文字数が増え、本文を読む時間が短くなることがあります。

発言者の顔がはっきり映っている場面では名前を省き、話者がわかりにくい場面だけ補足するなど、映像に合わせて使い分けると自然です。

制作メモは便利ですが、公開前には意図しない情報が字幕として表示されていないか確認しておくと安心です。

色やサイズの反映方法は再生環境によって異なる

VTTでは、字幕の一部を区別するための記述を加えたり、ページ側の設定で見た目を調整したりできます。

自社サイトの動画では、字幕用のスタイル指定を用意することで、文字色、背景、縁取り、フォントサイズなどを映像デザインに合わせやすくなります。

ただし、VTTファイルに情報を書いたからといって、すべての動画プレーヤーやブラウザで同じ装飾が再現されるわけではありません。

調整したい要素 考え方
文字色 背景とのコントラストを確保し、色だけで意味を伝えないようにする。
文字サイズ 端末による見え方を考え、極端に小さい指定は避ける。
背景や縁取り 明るい映像や場面転換が多い動画でも読めるか確認する。
話者ごとの色分け 色の違いが反映されない場合でも、内容を理解できる表記にする。

特に外部の動画サービスへ渡すVTTでは、装飾よりも字幕本文とタイミングが正しく伝わることを優先したほうが扱いやすいでしょう。

一方、表示環境を自分で管理できるサイトでは、映像と字幕の組み合わせを確認しながら装飾を調整しやすくなります。

VTTの装飾機能は補助的なものとして考え、装飾がなくても読める字幕を作ることが、幅広い視聴環境に対応するポイントです。

SRTとVTTの変換は拡張子の書き換えだけでは完了しない

SRTとVTTの違いは?動画編集・投稿での使い分けを解説

SRTとVTTは似た役割の字幕ファイルですが、必要な記述ルールが異なるため、ファイル名の末尾だけを変更しても正しく使えるとは限りません。

変換ツールや字幕編集ソフトで形式を変え、変換後に字幕の内容と表示を確認することが大切です。

特にVTTにはSRTにないヘッダーや表示に関する情報を含められるため、用途に合わせてデータを整える必要があります。

変換ツールまたは字幕編集ソフトを利用する

SRTとVTTを変換したいときは、字幕形式に対応した変換ツール、または字幕編集ソフトを使う方法が手軽です。

形式を選んで書き出すだけで、基本的な時間表記やファイル冒頭の記述を整えてくれるものが多く、手作業による入力ミスを減らしやすくなります。

一方で、変換結果はツールごとに異なることがあるため、変換前のファイルは別名で保管したままにすると安心です。

変換方法 向いている場面 確認したい点
オンライン変換ツール 短い字幕を素早く形式変更したい場合 アップロードする字幕に公開前の情報が含まれていないか
字幕編集ソフト 変換とあわせて文言や時間も確認したい場合 書き出し形式と保存先
テキストエディターで手作業 記述ルールを理解したうえで少量を調整する場合 ヘッダー、時間表記、空行の有無

複数の字幕ファイルを扱う場合は、元データ、変換後データ、確認済みデータが分かるファイル名にしておくと管理しやすいでしょう。

SRTからVTTへ変換するときはヘッダーとタイムコードを整える

SRTをVTTにする際は、ファイルの先頭に「WEBVTT」というヘッダーを入れ、その後に空行を置く必要があります。

また、SRTのタイムコードでは時間と分、秒の区切りにカンマを使いますが、VTTではピリオドを使います。

たとえばSRTの「00:00:01,500」は、VTTでは「00:00:01.500」のように記述します。

カンマをピリオドへ置き換えずに拡張子だけ変更すると、字幕が読み込まれない原因になります。

VTTでは字幕番号を省略できるため、変換後に番号がなくなっていても、必ずしも不備とは限りません。

  • 先頭行に「WEBVTT」があるか
  • ヘッダーの後に空行があるか
  • タイムコードの小数点がピリオドになっているか
  • 開始時刻と終了時刻の間に矢印が入っているか

手作業で変換する場合は、字幕本文まで一括置換してしまわないように、時間表記の部分を中心に確認するとよいでしょう。

VTTからSRTへの変換では装飾や位置情報が引き継がれない場合がある

VTTからSRTへ変換する場合は、VTTに追加されていた表示用の情報がSRTでは扱えず、削除されることがあります。

たとえば字幕の表示位置、行の配置、話者を区別するためのクラス指定、スタイルに関する記述などは、SRTへそのまま移せない場合があります。

これは変換の失敗ではなく、SRTの表現できる範囲がVTTより限定的であることによるものです。

字幕本文と開始・終了時刻を引き継げれば十分な用途もありますが、見た目に意味を持たせている字幕では注意が必要です。

VTTに含められる情報 SRTへの変換時の扱い
字幕本文と時間 引き継がれることが多い
字幕の位置や表示幅 反映されないことがある
スタイルや話者用の指定 削除または単純な文字列になることがある
コメントやメモ 出力されないことがある

変換前に、どの情報を残したいのかを整理しておくと、完成後に想定と違う表示になることを避けやすくなります。

変換後は表示内容とタイミングを動画で確認する

変換が完了したら、実際の動画と字幕ファイルを読み込み、冒頭から最後まで一度は再生して確認しましょう。

ファイルとして保存できていても、途中の一部だけ表示されない、改行が意図と異なる、字幕が重なって見えるといった状態になることがあります。

確認時は、次の項目を順番に見ると抜け漏れを抑えやすくなります。

  1. 最初の字幕が表示されるか
  2. 途中の字幕が途切れずに表示されるか
  3. 字幕本文、記号、改行が意図どおりか
  4. 動画の終盤まで字幕が表示されるか
  5. 重要な場面で字幕の開始と終了に違和感がないか

変換後の確認は、作業に使ったソフトだけでなく、最終的に利用する環境に近いプレーヤーでも行うと安心です。

「変換できた」ことと「目的の環境で読みやすく表示される」ことは別なので、公開や共有の前に再生確認まで済ませておきましょう。

字幕のタイミングずれは編集後の動画に合わせて補正する

SRTとVTTの違いは?動画編集・投稿での使い分けを解説

字幕のタイミングは、映像の編集がすべて終わった動画を基準にして調整するのが基本です。

編集途中の動画に合わせて字幕を作ると、カットや速度変更のたびに表示時刻が合わなくなるため、公開前には完成版で再生しながら確認しましょう。

字幕が読める長さで表示されているかも含めて見直すと、内容が伝わりやすい動画に仕上げやすくなります。

動画のカットや再生速度の変更がずれの原因になりやすい

動画の途中をカットすると、カットした箇所より後にある字幕は、本来より早く表示される状態になりやすいです。

反対に、映像の一部を長くした場合は、その後の字幕が早すぎるように見えることがあります。

再生速度を変更した場面でも、映像の長さと字幕の開始・終了時刻に差が生じることがあります。

とくに、話している速度をゆっくりにしたり、間を詰めたりした動画では、音声と字幕が一致しているかを丁寧に確認することが大切です。

字幕を作成したあとに映像編集へ戻った場合は、変更した場所だけでなく、その後の字幕にも影響が出ていないかを見ましょう。

編集内容 起こりやすいずれ 確認したい場所
映像の一部を削除した 削除箇所以降の字幕が早く出る 削除直後から次の場面まで
映像や音声を追加した 追加箇所以降の字幕が遅れて出る 追加直後から動画終盤まで
一部の再生速度を変えた 該当場面の字幕が話す速さと合わない 速度を変えた場面の前後
冒頭や末尾をトリミングした 全字幕が同じだけ早い・遅い 最初と最後の字幕

全体のずれと一部だけのずれを分けて修正する

ずれを見つけたら、まずすべての字幕が同じ時間だけずれているのか、一部の場面だけずれているのかを切り分けます。

動画全体で字幕が約1秒早い、または遅いといった場合は、すべての字幕時刻を同じ量だけ移動させる方法が向いています。

一方で、特定のカット以降だけずれる場合は、その編集点より後にある字幕を中心に調整します。

途中から少しずつずれが大きくなる場合は、字幕の時刻と動画の長さの関係が合っていない可能性があります。

この場合は、最初の字幕だけを合わせても終盤で再び差が広がるため、複数の地点を基準に確認する必要があります。

  • 冒頭の発話と最初の字幕が合っているかを確認します。

  • 編集を加えた直後の場面で、字幕が早すぎたり遅すぎたりしないかを確認します。

  • 中盤の会話や重要な説明の場面を選び、ずれが広がっていないかを確認します。

  • 終盤の字幕まで見て、最後だけ大きくずれていないかを確認します。

話し始める少し前に字幕を出す演出もありますが、意図していないずれと混同しないように注意しましょう。

修正の前後には、必ず映像と音声を再生して確認することが大切です。

フレームレート変更後は動画の終盤まで確認する

フレームレートを変更した動画では、冒頭では合っているように見えても、再生が進むにつれて字幕とのずれが目立つことがあります。

フレームレートとは、動画を構成する1秒あたりの画像数のことで、編集環境や書き出し設定が変わると扱い方に影響する場合があります。

とくに別の素材を組み合わせたときや、動画を書き出し直したときは、字幕の開始時刻だけで判断しないほうが安心です。

確認する際は、動画の冒頭・中盤・終盤の少なくとも3か所で、話し始めと字幕の表示が自然につながっているかを見ましょう。

終盤だけ字幕が早くなる、または遅くなる場合は、全体を一律に移動させるのではなく、動画の長さとのずれを踏まえて調整します。

完成した動画で字幕を確認する習慣をつけておくと、視聴者が内容を追いにくくなる状態を抑えやすくなります。

日本語字幕はUTF-8で保存すると文字化けを防ぎやすい

SRTとVTTの違いは?動画編集・投稿での使い分けを解説

日本語のSRTやVTTは、UTF-8で保存しておくと文字化けを防ぎやすくなります。

字幕の内容が正しくても、保存時の文字コードや改行コードが利用先と合っていないと、漢字や記号が読みづらく表示されることがあるためです。

作成した字幕は、投稿や公開の前に実際の利用環境で表示を確認すると安心です。

字幕ファイルの文字コードをUTF-8に統一する

文字コードとは、文字をファイル内でどのように記録するかを決めるルールのことです。

日本語では複数の文字コードが使われてきましたが、現在は多くの動画編集ソフト、ブラウザ、動画サービスでUTF-8が扱いやすい選択肢です。

SRTとVTTのどちらを作る場合でも、字幕ファイルの文字コードをUTF-8にそろえておくと、環境が変わったときの表示トラブルを減らしやすくなります。

とくにVTTはウェブページ上の動画で使われることが多いため、UTF-8で保存することを基本にすると管理しやすいです。

保存時に確認したい項目 おすすめの考え方
文字コード UTF-8を選ぶ
ファイル形式 用途に合わせてSRTまたはVTTとして保存する
保存後の確認 日本語、記号、絵文字を含む箇所を開いて確認する

字幕編集ソフトやテキストエディターによっては、保存画面で文字コードを指定できます。

すでに作成済みの字幕が文字化けする場合は、元の内容を確認したうえでUTF-8として保存し直すと改善することがあります。

ただし、文字化けした状態で上書きすると元の文章を戻しにくくなることもあるため、作業前に複製ファイルを残すと安心です。

ファイル名と改行コードも利用環境に合わせる

字幕本文だけでなく、ファイル名の付け方も読み込みの安定性に関わる場合があります。

ファイル名には、半角英数字、ハイフン、アンダースコアなどを使い、長すぎる名前や機種依存文字は避けると無難です。

たとえば「movie-ja.srt」や「movie-ja.vtt」のように、動画名と言語をわかりやすく分けておくと、複数の字幕を管理しやすくなります。

拡張子の前後に不要な空白が入っていたり、保存時に別の拡張子が追加されたりすると、字幕ファイルとして認識されないことがあります。

また、改行コードの違いによって、字幕の区切りが意図どおりに認識されない環境もあります。

改行コードは行末を示す情報で、主にWindows系とmacOS・Linux系で扱い方が異なることがあります。

普段使っている編集ソフトや投稿先で問題なく読み込めているなら、無理に変更する必要はありません。

一方で、字幕が一続きに見える、読み込み時に警告が出るといった場合は、テキストエディターで改行コードを変更して保存し直す方法を試せます。

  • ファイル名は短くわかりやすく付ける

  • 拡張子が「.srt」または「.vtt」になっているか確認する

  • 保存後にファイル名が意図せず変わっていないか確認する

  • 利用先で不具合が出た場合にだけ改行コードも見直す

投稿前に編集ソフト・ブラウザ・動画サービスで表示を確認する

UTF-8で保存していても、実際の表示結果は利用するソフトやサービスによって少し異なることがあります。

そのため、字幕を作った画面だけで判断せず、最終的に視聴者が見る環境で確認することが大切です。

自社サイトでVTTを使う場合は、公開前のページをブラウザで開き、日本語が自然に表示されるかを確認します。

動画サービスへ字幕を追加する場合は、管理画面でのプレビューだけでなく、可能であれば公開後と近い再生画面でも確認すると安心です。

  1. 字幕ファイルをUTF-8で保存する

  2. 編集ソフトまたは字幕編集ツールで日本語を確認する

  3. 投稿先やブラウザで字幕を有効にして表示を確認する

  4. 漢字、句読点、かっこ、記号、固有名詞に問題がないか見る

  5. 不自然な表示があれば、元ファイルを複製してから保存設定を見直す

とくに人名、商品名、顔文字に近い記号、丸数字などは、環境によって表示が変わることがあります。

字幕では読みやすさを優先し、必要に応じて一般的な記号や表記へ置き換えるのもひとつの方法です。

文字コード、ファイル名、表示確認の3点を毎回そろえておけば、字幕公開前の不安を減らしやすくなります。

まとめ

この記事のポイントをまとめます。

  • SRTは多くの動画編集ソフトや投稿先で扱いやすい、シンプルな字幕形式です。
  • VTTはウェブ動画向けで、字幕の位置や表示方法を細かく指定しやすい形式です。
  • 動画編集ソフトへ字幕を読み込む場合は、まずSRTを用意すると進めやすいです。
  • YouTubeやVimeoへ投稿するときは、各サービスの対応形式を投稿前に確認しましょう。
  • 自社サイトのHTML5動画で字幕を表示するなら、WebVTTが基本になります。
  • 映像内の文字との重なりを避けたい場合や、表示位置を調整したい場合はVTTが便利です。
  • SRTとVTTを変換するときは、拡張子だけでなく記述内容も適切に変換する必要があります。
  • 字幕のタイミングは、編集が完了した動画に合わせて確認・補正することが大切です。
  • 日本語字幕はUTF-8で保存し、公開前に実際の表示を確認すると安心です。

SRTとVTTはどちらも字幕を作るための形式ですが、動画を編集・投稿するならSRT、ウェブページ上で柔軟に表示したいならVTTというように考えると選びやすいですよ。

まずは利用する編集ソフトや投稿先が対応している形式を確認し、基本となる字幕データをひとつ整えてみてください。

完成した動画で字幕の内容、表示時間、文字化けの有無をチェックすれば、視聴する人にとって読みやすい動画に近づけやすくなります。

用途に合う形式を選んで、伝えたい内容がきちんと届く字幕づくりを始めてみましょう。

タイトルとURLをコピーしました