Safe Zone Instagram Featured

インスタグラムのリールやストーリーを見ようとしても、関連するコンテンツの一部がテキストやボタンの後ろに隠れていて、その意味を完全に把握できなかったことがある人は、あなただけではない。このような場合、非常にフラストレーションが溜まり、スワイプする以外に選択肢がなくなってしまう。これを避けるために、クリエイターはインスタグラム用のリールやストーリーズを作成する際にセーフゾーンを取り入れるべきである。セーフゾーンについてよく知らない場合は、このガイドをチェックして、このコンセプトを理解し、重要なコンテンツが表示されたままになるようにしてください。

っておくと便利:Instagramストーリーの背景の色を変更できることをご存知ですか?その方法をご覧ください。

インスタグラムのセーフゾーンとは?

Instagramのセーフゾーンという用語は、リールやストーリー上の特定の領域を特定するために使用され、さまざまなデバイスで表示されたときにコンテンツが切り取られたり、カットされたりする可能性が最も低い場所です。

Reel example with text hidden by Instagram elements.

セーフゾーンは、クリエイターがテキスト、画像、その他のビジュアルを含む主要なコンテンツ要素を戦略的に配置し、さまざまな画面サイズや解像度で最適な視認性を確保するための指針として機能します。

セーフゾーンを順守することで、クリエイターは視聴者の体験を向上させることができ、コンテンツが完全に表示され、重要な要素が隠されたり不明瞭になったりすることがなくなります。インスタグラムでは、ストーリーズやリールを作成する際に、ラインやグリッドパターンを使ってセーフゾーンを簡単にマークすることができます。

ヒント Instagramでスクロールする際に表示される「フィードを更新できませんでした」というエラーを解消するには?

インスタグラムストーリーズでセーフゾーンを使う

インスタグラムストーリーズは、縦9:横16のアスペクト比を使用し、解像度は1920 x 1080ピクセルです。このコンテンツタイプでは、セーフゾーンは画面のかなりの領域をカバーし、1080 x 1420ピクセルもスナップされ、リール用に設計されたものよりもわずかに広がります。

:広告に言及する場合、Metaは、テキスト、ロゴ、その他の重要な要素を覆わないように、上部に約14パーセント(250ピクセル)、下部に約20パーセント(340ピクセル)のスペースを空けることを推奨しています。しかし、このガイドラインは「通常の」ストーリーにも当てはめることができます。

セーフゾーンを表示するには、新しいストーリーを作成する必要があります。通常のストーリーを作成するときと同じように、インスタグラムのカメラを使って写真をアップロードするか、ビデオを撮影します。

Creating Instagram Story with Safe Zones visible.

要素を指で画面全体にドラッグします。セーフゾーンの限界を超えている場合、Instagramは線を表示してそれを示します。例えば、ストーリー画面でステッカーを高すぎたり低すぎたりした場合などです。

このアプリは、ストーリーに追加したい要素を中央に配置できるよう、さらにアシストしてくれます。

ヒント:後で見るためにInstagramリールをデバイスにダウンロードする方法を学びましょう。

Instagramリールにセーフゾーンを使う

ストーリーと同様に、リールも縦9:横16のアスペクト比を利用し、解像度は1920 x 1080ピクセルです。ただし、この場合、セーフゾーンの領域は少し制限されます。

:広告の場合、インスタグラムは上部に同じ14パーセントのフリースペースを残すことを推奨していますが、下部では40パーセントが推奨されています。

Creating Instagram Reel with top Safe Zone visible.

そのため、特にテキストを配置する際には注意が必要だ。下部にはかなりのスペースがあり、インスタグラムはここにアカウント情報、キャプション、使用した音声の詳細(該当する場合)を自動的に配置します。テキストがこの部分に重ならないようにすることが重要です。

Creating Instagram Reel with bottom Safe Zone visible.

右下には、いいね!、コメント、共有のアイコンが追加されます。ここに要素を追加することもできますが、見せたいテキストやビジュアル要素が隠れてしまったり、見る人を混乱させたりする可能性があるため、私たちはそうしないことをお勧めします。

Creating Instagram Reel with side Safe Zones visible.

異なるフォーマット

考慮すべきもう一つの側面は、Instagramがアプリのどこに表示されるかによって、リールを異なる形で切り抜くことです。例えば、プロフィールグリッド、フィード、フルスクリーンモードのリールセクションなどです。

インスタグラムは、リールをプロフィールグリッドと個別のリールグリッドの両方に自動的に投稿します。デフォルトでは、インスタグラムはあなたのためにカバーを生成しますが、手動で設定することをお勧めします。

Settings a Reel cover in Instagram app.

動画からスナップショットを選択するか、カバーとして使用したいより適切な画像をアップロードすることができます。メインプロフィールビューでは、これらのサムネイルは1080×1080ピクセルの1:1の正方形として表示され、特にカバー画像の中心から引っ張られます。このため、気をつけないとテキストや要素が切れてしまう可能性があります。さまざまなトリミングを考慮して、テキストができるだけ中央に来るような画像を選ぶとよいでしょう。リールグリッドは動画を縦長のサムネイルで表示するため、この点では問題はありません。

Profile Reels grid view with Reel text cut off.

また、リールを表示する際に使用するデバイスによって、リールの表示方法に若干の違いが生じます。

どのデバイスでもリールがきれいに表示されるようにするには、ビデオを撮影するときにメインの被写体を中央に配置し、重要な要素やテキストを中央に配置するように努めてください。

参考:今、インスピレーションがない?あなたの投稿を格上げしてくれるInstagramフィルターのリストをご覧ください。

セーフゾーンのテンプレートを使う

Instagramのセーフゾーンの提案に従うのは比較的簡単ですが、代わりにセーフゾーンのテンプレートを使えばもっと簡単かもしれません。すでに最適な位置に配置されているので、要素を完璧に配置することを心配する必要はない。

まずは、Instagramのリールテンプレートのライブラリをチェックしてみましょう。これらのテンプレートにアクセスし、コンテンツを作成するために使用する方法については、専用の記事をご覧ください。あるいは、Canva(AndroidiOS)やMojo(AndroidiOS)のようなサードパーティアプリで追加のテンプレートを試してみるのもよい。

Trending Reel templates are available in the Instagram app.

また、Reelとして使用したいクリップがすでにある場合は、動画の重要な要素が表示されたままであることを確認してください。Reelオーバーレイを追加して、投稿後のReelの表示を確認しましょう。

Flixierオンラインツールを使って動画をアップロードし、その上にReelsオーバーレイを追加できます。テキストやフィルターなどを追加することもできますが、このツールはシミュレーション目的でのみ使用することをお勧めします。

A look at the Safe Zone overlay in the Flixier tool.

すべてが思い通りに見えることを確認したら、InstagramアプリでReelを再現します。Flixierで編集した動画はエクスポートできますが、ウォーターマークが入ります。(サブスクリプションを利用すれば、ウォーターマークを取り除くことができる)。

Testing out Safe Zone confines for Reel in Flixier tool.

ヒントInstagramで誰かをミュートして、フィードを簡単にクリーンアップする方法を学ぶ。

独自のInstagram安全地帯テンプレートを作成する方法

セーフゾーンを考慮した独自のInstagramテンプレートを作成したい場合は、CapCutの利用を検討してください。アカウントを作成し、後で使用するためにテンプレートを保存するワークスペースを作成する必要があります。この例では、CapCutを使ってReelテンプレートを作成します。

新規作成ボタンをクリックし、Instagram、TikTok、Facebook用の9:16オプションを選択します。

Clicking the "Create new" button in CapCut web version.

動画をプラットフォームにアップロードします。

左側のメニューを使って、ステッカー、GIF、テキストなどの追加要素を追加します。これらは、動画フィードの下部の上に別のバーとして追加されます。

Adding elements and effects on Instagram Reel created with CapCut.

左上のTikTokボタンを押します。TikTokオーバーレイがコンポジションに適用されます。TikTokとInstagramのリールはボタン構成が似ているので、このオーバーレイは投稿されたときにリールがどのように見えるかを視覚化するのに役立ちます。念のため、テキストや要素はTikTokの名前プレースホルダーの少し上に移動してください。

Clicking TikTok button to reveal overlay in CapCut.

テンプレートを使用する必要があるときに簡単に見つけられるように、プロジェクトを保存しておいてください。

そのためには、CapCutに戻って自分のスペースにアクセスし、テンプレートをクリックして開きます。(下書きの下にあるはずです)。

Retrieving previously created Instagram template in CapCut.

ギャラリーから別のビデオをクリックし、ビデオフィードに追加します。それをクリックし、上のメニューのゴミ箱アイコンを押してください。

Deleting old video from feed in Caput.

エフェクトバーを拡大し、既存の動画の長さをカバーするようにします。これでテンプレートの再利用は完了です。

Getting ready to export video from CapCut.

右上のエクスポートボタンを押し、ダウンロードを選択してデバイスに保存し(ウォーターマークなし)、インスタグラムにアップロードする。

ヒント新しいThreadsアプリに興味がありますか?InstagramのX代替アプリを始める方法をご覧ください。

インスタグラムのストーリーとリールの基準を高める

セーフゾーンについて知った今、インスタグラムのストーリーとリールが常に水準に達していることを確認できる。コンテンツにまだ工夫が必要だと感じたら、インスタグラムの投稿にトレンドの音声を追加する方法を学ぶためにこちらをチェックしてください。また、インスタグラムのカルーセル投稿やストーリーズから写真を1枚削除する方法もご紹介します。

画像クレジット:Freepik.すべてのスクリーンショット:Alexandra Arici.

Akira
Akiraは情熱的なゲーマーであり、製品レビュアーです。ゲームをしていないときは、最新のゲーミングアクセサリーを試したり、製品のレビューをしていることが多い。彼の分かりやすいスタイルは、ゲーマーが自分のニーズに最も適した製品を簡単に判断できるようにするものです。また、技術的な問題にも精通しており、その解決方法も知っている。