クリエイター · Free browser tool
TikTok & Shorts セーフゾーン確認
TikTok と YouTube Shorts の UI オーバーレイをプレビューし、キャプションや CTA が隠れずブランドどおりに見えるようにします。
Drag & drop a vertical screenshot
9:16 recommended · JPG, PNG, WebP · up to 20 MB
Platform overlay
Switch UI chrome to match where you publish.
Preview controls
Red bands mark high-collision UI. Keep titles, prices, and CTAs inside the dashed rectangle for TikTok.
Live safe-zone preview
TikTok · 9:16 canvas (360×640)
100% client-side · screenshots never leave your browser
Frequently Asked Questions
オーバーレイはどのプラットフォームに対応していますか？
TikTok、YouTube Shorts、Instagram Reels の UI クロームをプレビューできます。各プラットフォームでアクションレールの位置、キャプション帯、上部ナビ要素が少し異なります。
スクリーンショットのアスペクト比はどれがよいですか？
これらのプラットフォームがフルスクリーン動画を表示するのと同じ 9:16 の縦型スクリーンショットを推奨します。プレビューキャンバスは 360×640（9:16）固定で、他の比率はフィットするようカバークロップされます。
スクリーンショットはどこかにアップロードされますか？
いいえ。画像はブラウザに直接読み込まれ、HTML5 キャンバス上で描画されます。サーバーには何も送られず、最終のダウンロード書き出しも含めすべて端末内に留まります。
破線の矩形とグリッド線は何を意味しますか？
破線の矩形は、プラットフォーム UI に覆われにくい安全な内側領域を示します。任意のグリッドオーバーレイは三分割法と中央十字線を追加し、書き出し前に顔・テキスト・主要ビジュアルの配置を助けます。
あわせて使いたいツール
セラー・クリエイター・プロ向けの、ほかの無料ブラウザツールをチェック。
TikTok・Shorts・Reels 編集でセーフゾーンが重要な理由
TikTok、YouTube Shorts、Instagram Reels はいずれも、フルスクリーン縦型動画の上に常時 UI を重ねます。右側のいいね・コメント用アクションレール、下部付近のキャプションとサウンドバー、上部のナビクロームです。キャプション、商品コールアウト、字幕がその下に来ると部分的または完全に隠れ、明瞭さ・理解・最終的には視聴時間を失います。
セーフゾーンとは、端末やアプリバージョンをまたいでプラットフォーム UI に覆われにくいフレーム内側の領域です。そこに合わせてデザインするとは、最も重要な視覚情報—顔、キーテキスト、CTA—を端に張り付けず、このツールがスクリーンショット上に描く破線矩形の内側に収めることです。
この無料の TikTok & Shorts セーフゾーン確認は、各プラットフォームのおおよその UI クロームを HTML5 キャンバスでスクリーンショット上に描画し、すべてブラウザ内で行います。オーバーレイ不透明度を切り替え、プラットフォームを変え、任意の三分割グリッドで被写体をフレーミングしてから、セーフ確認済みの参照画像を書き出してください—アップロードなし、アカウントなし、待ち時間なしです。