セーフゾーン確認（TikTok・リール・ショート）
9:16 動画で UI に隠れる部分を確認。透過 PNG テンプレートも作成。
- 即時
- 無料
- プライベート（ローカル処理）
- 登録不要
TikTok・リール・ショート動画のセーフゾーンを確認
セーフゾーンとは、縦型 9:16 の動画を投稿したあとも隠れずに見える範囲のことです。その周りにはアプリの UI が重なります。上部にはタブや検索、下部にはユーザー名・キャプション・音源、右側にはいいね・コメント・シェアのボタン列。低すぎる字幕や右端に寄せた価格表示はこれらの裏に隠れてしまい、投稿してから気づくことも少なくありません。
このツールは、TikTok、Instagram リール、YouTube ショート、Instagram ストーリーズで隠れる範囲、または 4 つに共通する範囲を、画像や動画の上に重ねて表示します。何が隠れるかがすぐに分かり、動画はスライダーで場面ごとに確認でき、CapCut・Premiere Pro・Canva で使える 1080 × 1920 の透過 PNG テンプレートもダウンロードできます。処理はすべてブラウザ内で行われ、ファイルはアップロードされません。
-
プラットフォームを選ぶ
TikTok、Instagram リール、YouTube ショート、Instagram ストーリーズのいずれか、またはすべてに投稿する動画なら「すべて（共通エリア）」をクリックします。「セーフゾーン」の欄に余白がピクセルと割合ですぐ表示されます。
-
画像・動画を追加する
「画像・動画を選択」をクリックするか、スマホ画面にファイルをドロップするか、Ctrl+V でスクリーンショットを貼り付けます。動画の場合は「再生」ボタンとスライダーで、文字が出る場面をひとつずつ確認します。
-
オーバーレイを読む
紫のゾーンは UI に隠れる部分で、点線の枠がセーフゾーンです。プレビューにカーソルを合わせるかタップすると、その位置を何が隠すかが分かります。「ゾーンのみ」から「簡易 UI モック」に切り替えると、汎用的なボタンやバーが表示されます。
-
画角を調整する
素材が 9:16 でない場合は「全画面（トリミング）」と「全体表示（黒帯）」を比べます。切り取られる割合や黒帯の大きさが表示され、解像度が足りず拡大される場合は警告が出ます。
-
ダウンロードする
編集アプリ用に「透過テンプレート（PNG 1080 × 1920）」を、クライアントや編集者に問題を伝えるには「オーバーレイ付きプレビュー（PNG）」を保存します。
セーフゾーン確認ツールの仕組み
各オーバーレイは、縦型 9:16 動画の標準サイズである 1080 × 1920 px の基準画面で定義され、プレビューの大きさに縮小されます。素材は選んだモードに応じてこの枠に配置されます。全画面では画面いっぱいに広がって端がはみ出し、全体表示では素材全体が黒帯付きで収まります。その上にゾーンを描画します。
- 上部バー：タブや検索。ストーリーズでは進行バーとプロフィール。
- 画面下部：ユーザー名・キャプション・音源。YouTube ではタイトル・チャンネル・登録ボタン、ストーリーズでは返信欄。
- ボタン列：いいね・コメント・保存・シェア。TikTok、リール、ショートでは右側にあります。
- 端の余白（薄い紫）：9:16 より縦長の画面では、動画の左右が切れることがあります。
- セーフゾーン：点線の枠。完全に安全な最大の長方形がピクセル単位で表示されます。
「すべて（共通エリア）」では 4 つのセーフゾーンの共通部分を計算します。その内側に収めれば、どのプラットフォームでも表示されます。このモードでもカーソルでの確認ができ、その位置が隠れる可能性のあるプラットフォームが表示されます。
1080 × 1920 でのセーフゾーンの寸法
| プラットフォーム | 上 | 下 | 左右 | 右側のボタン | 出典 |
|---|---|---|---|---|---|
| TikTok | 240 px（12.5%） | 660 px（34.4%） | 120 px（11.1%） | 上から 840 px より下で右端から 300 px | TikTok 広告ヘルプセンターのインフィード用セーフゾーン素材 |
| Instagram リール | 269 px（14%） | 672 px（35%） | 65 px（6%） | 下 40% の範囲で横幅の約 21% | Meta 広告ガイド |
| YouTube ショート | 288 px（15%） | 672 px（35%） | 左 48 px、右 192 px | 右の 192 px に含まれる | Google 広告ヘルプ（縦型動画広告） |
| Instagram ストーリーズ | 269 px（14%） | 384 px（20%） | 65 px（6%） | なし | クリエイターがよく使うテンプレート（広告では下 35%） |
| 4 つの共通エリア | 288 px | 672 px | 左 120 px、右 192 px | 840 px より下では 780 px より右に置かない | 共通部分：660 × 960 px の安全な長方形 |
1080 × 1920 px の画面でピクセル単位に丸めた値で、2026 年 10 月に確認したものです。広告ガイドラインや一般的なテンプレートに基づく目安であり、実際の UI は端末、言語、アプリのバージョンによって変わります。
セーフゾーン確認が役立つ場面
- 焼き込み字幕：キャプションや音源名の下に入らない高さに配置できます。
- 冒頭のフックやタイトル：最初の数秒の文字を上部バーやボタン列から離せます。
- 全プラットフォーム共通の 1 本：共通エリアに収めれば、同じ動画を TikTok、リール、ショートにそのまま投稿できます。
- 編集用テンプレート：プラットフォームごとの透過 PNG を、CapCut、Premiere Pro、DaVinci Resolve、Canva のガイドレイヤーとして使えます。
- クライアント確認：PNG プレビューなら何が隠れるかを 1 枚で共有でき、広告や UGC の確認に便利です。
よくある失敗と対策
- 字幕が低すぎる：TikTok やリールでは下部のおよそ 3 分の 1 をキャプションが占めます。点線の枠の内側まで上げましょう。
- 文字が右端に寄っている：ボタン列が価格やアカウント名、矢印を隠します。左揃えにするか、セーフゾーンの中央に置きます。
- 編集ソフトでテンプレートがずれる：プロジェクトが 9:16 ではありません。1080 × 1920（または 720 × 1280、2160 × 3840）に設定し、PNG を画面いっぱいに広げれば比率は正しく保たれます。
- 投稿した動画にテンプレートが映る：書き出し時にレイヤーが表示されたままでした。書き出す前に非表示にするか削除します。
- 横長の動画が切れる：16:9 を全画面にすると横幅の約 68% が切り取られます。被写体を自分で中央に配置し直すか、黒帯付きの全体表示を選びます。
プライバシー：画像や動画はブラウザ内で読み込み・描画され、サーバーへの送信や保存は一切ありません。この端末に記憶されるのは表示設定だけです。制限事項：ゾーンは TikTok、Meta、Google が公開している広告ガイドラインと、クリエイターがよく使うテンプレートに基づく目安で、端末、言語、キャプションの長さ、アプリの更新によって変わります。動画の再生は、お使いのブラウザが対応している形式に限られます。TikTok、Instagram、YouTube は各社の商標です。このツールは独立した非公式のもので、これらのプラットフォームとは提携していません。
よくある質問
TikTok のセーフゾーンは 1080 × 1920 でどのくらいですか？
TikTok がインフィード広告向けに公開しているセーフゾーン素材によると、上に約 240 px、下に 660 px、左右に各 120 px を空け、さらに上から 840 px 以下では右端から 300 px をボタン用に避けます。残る安全な長方形は約 660 × 1020 px で、左端から 120 px、上から 240 px の位置から始まります。行動ボタンが加わる広告向けの値なので、通常の投稿にはやや余裕を持たせた目安です。
Instagram リールのセーフゾーンは？
Meta の広告ガイドでは、上を約 14%、下を 35%、左右を各 6% 空けるよう推奨しており、1080 × 1920 の動画ではおよそ 269 px、672 px、65 px です。さらにこのツールでは、Meta のリール図をもとに、いいね・コメント・シェアのボタンが右下の角（下 40% の範囲で横幅の約 5 分の 1）を占めるものとして扱います。Meta は現在これらの広告に 1440 × 2560 px を推奨していますが、比率は同じ 9:16 なので割合はそのまま使えます。
YouTube ショートのセーフゾーンは？
Google 広告ヘルプの YouTube 縦型動画広告の参考画像では、1080 × 1920 の画面で上 288 px、下 672 px、左 48 px、右 192 px と示されており、840 × 960 px の安全な長方形が残ります。右の余白はボタン列、下の余白はタイトル、チャンネル名、登録ボタンにあたります。2024 年 10 月 15 日以降にアップロードされた正方形または縦長の動画は、3 分以内ならショートとして扱われます。
1 本の動画で TikTok・リール・ショートすべてに対応できますか？
できます。「すべて（共通エリア）」を選ぶと、4 つのオーバーレイの共通部分が表示されます。このツールの値では、左端から 120 px、上から 288 px の位置から始まる約 660 × 960 px の長方形に収めれば、どのアプリでも文字が隠れません。実際には、タイトルや字幕を中央に寄せ、下端と右端から離すのが基本です。
CapCut や Premiere Pro、Canva でセーフゾーンのテンプレートを使うには？
「透過テンプレート（PNG 1080 × 1920）」をダウンロードし、9:16 のプロジェクトに読み込んで、動画より上のトラックまたはレイヤーに画面いっぱいに配置します。点線の枠を目安に、文字を紫のゾーンの外に置きましょう。書き出しの前にテンプレートを非表示にするか削除しないと、投稿する動画に映り込みます。
セーフゾーン内なのに文字が隠れるのはなぜですか？
UI は端末、言語、キャプションの長さ、アプリのバージョンによって変わります。長いキャプションや翻訳されたキャプションは行数が増え、広告では行動ボタンも加わります。そのため、このツールのゾーンは余裕を持たせた目安であり、ピクセル単位の保証ではありません。投稿前にアプリのプレビューを確認するか、非公開でテスト投稿してください。