SNS画像が見切れる原因とセーフゾーン解説
ストーリーズで顔が切れる、カルーセルで文字が消える…各プラットフォームのセーフゾーンを解説し、ShareMintのフォーカルポイントで解決する方法を紹介します。
主要 SNS はどれも画像の上に独自の UI を重ね、独自のアスペクト比でクロップします。Instagram ストーリーズは上下にプロフィールや返信 UI が重なり、X はカード下端に URL ストリップを表示し、YouTube はサムネイル右下に動画長バッジを配置し、TikTok は右側をいいね・コメント・シェアのアイコン列で埋めます。重要なコンテンツが画像の端に配置されていると、そのまま消えてしまいます。この記事では各プラットフォームのセーフゾーンを図示し、ShareMint のフォーカルポイントを使って被写体が全プラットフォームのクロップを確実に生き延びる方法を示します。
| プラットフォーム | セーフゾーン | 見切れる領域 |
|---|---|---|
| Instagram ストーリーズ | 中央寄りを維持 | 上下のUI帯を避ける |
| TikTok | 左側 約80% | 右端 約150px(アイコン列) |
| X (Twitter) カード | 1200 × 628 の中央 | 縦長画像の上下 |
| YouTube サムネ | 全体(右下除く) | 右下 時間バッジ |
手順
画像が見切れる原因
各プラットフォームはアップロードした画像とは異なるアスペクト比で表示します。比率が合わないと中央クロップ・上クロップ・レターボックス処理が走り、端の情報が失われます。
プラットフォーム別セーフゾーンを把握
Instagramストーリーズ:上下のUI帯を避ける。Xカード:下端にURLが表示。YouTubeサムネ:右下に動画長バッジ。TikTok:右側アイコン列が表示領域を削ります。
ShareMintにアップロード
ShareMintに画像をドロップし、対象のプリセットを選択。プレビューで実際のクロップ結果を確認できます。
セーフゾーン内にフォーカルポイントを設定
最も重要な箇所をクリック — ただし端やUIオーバーレイから離れたセーフゾーン内に配置します。ShareMintはそのポイントを基準にクロップを行います。
公開前にテスト
書き出しプレビューを確認し、念のため非公開ストーリー等にテスト投稿して重要部分が切れていないか確かめます。必要に応じてフォーカルポイントを調整します。
今すぐ試す
登録不要・無料・ブラウザ完結。画像がサーバーに送信されることはありません。
今すぐ無料で試すよくある質問
TikTokで右端がいつも切れるのはなぜ?
TikTokは右側にいいね・コメント・シェア・プロフィールのアイコンを重ねており、約150pxを覆います。顔やテキストはフレーム左側80%以内に配置してください。
Instagramストーリーズのセーフゾーンの広さは?
Instagram はストーリーズ用の単一セーフゾーン数値を公開していません。安全策として、文字・ロゴ・顔は最上部と最下部の UI 付近を避け、中央寄りにまとめてください。
X(Twitter)カードでタイトルが切れるのはなぜ?
Xは1.91:1のOGPカードを使用します。縦長画像をアップロードすると上下がクロップされます。ShareMintのXカードプリセット(1200x628)を使えば正確に一致します。
アップロード前にクロップをプレビューできる?
はい。ShareMintは各プリセットのクロップ結果をライブプレビュー表示します。重要なコンテンツがセーフゾーン内に収まるまでフォーカルポイントをドラッグして調整できます。