最終更新日: 2026-01-10

多くの方にとって、オーバーレイを追加する最速の方法は、StreamYardのブラウザベースのスタジオを使い、メディアアセット → オーバーレイパネルでグラフィックをアップロードし、配信中にワンクリックで表示・非表示を切り替えることです。シーン単位の高度なカスタマイズやブラウザウィジェットが必要な場合は、OBS、Streamlabs、Restream Studioなどのツールで、より複雑なレイアウト内にオーバーレイを「ソース」として重ねて使うことができます。

サマリー

• StreamYardなら、オーバーレイのアップロードと切り替えがブラウザ上でワンクリック。カスタムオーバーレイは有料プランで利用可能。
• オーバーレイは推奨サイズの透過PNG（または軽量なアニメーションファイル）でデザインし、配信の負荷を抑えつつ鮮明に表示。
• OBSやStreamlabsでは、オーバーレイを追加の「ソース」として積み重ね・順序を調整。Restream Studioも独自のサイズ・数制限でオーバーレイをアップロード可能。
• 日本のクリエイターで「簡単・信頼性・素早いセットアップ」を重視するなら、StreamYardが最も実用的な選択肢。

配信ソフトにおけるオーバーレイとは？

オーバーレイとは、動画の上に重ねるグラフィックのことです。カメラ枠、名前入りのローワーサード、ロゴ、アニメーションアラートなどが該当します。元の映像（カメラ、画面共有、ゲームプレイなど）は、透過PNGやアルファチャンネル付きファイルを使うことで、そのまま見せることができます。

ポイントは、動画を再編集せずに配信をブランディングできること。配信ソフトで一度設定すれば、配信中にワンクリックで表示・非表示を切り替えられます。

実際、主要な配信ツールはほぼ同じ流れでオーバーレイを扱います：

• グラフィックをアップロードまたは追加
• レイアウト内で配置または切り替え
• 他のビジュアル要素の上下にレイヤーとして重ねる

違いは、「どれだけ簡単に感じるか」「オーバーレイを何個まで保存できるか」「どれだけ技術的な設定が必要か」です。

StreamYardでオーバーレイを追加する手順

StreamYardでは、オーバーレイはシンプルなブラウザパネルとして扱われます。そのため、「手間なく綺麗な配信をしたい」とき、多くの人が「SYをデフォルト」として選びます。

基本的なワークフローは以下の通りです：

1. スタジオに入る
   配信または録画を作成し、ブラウザでStreamYardスタジオに入室します。

2. オーバーレイパネルを開く
   右サイドバーのメディアアセット → オーバーレイへ。ここでそのブランド用の全オーバーレイを管理します。

3. オーバーレイファイルをアップロード
   アップロードをクリックしてグラフィックを選択。有料プランでカスタムオーバーレイが利用可能で、ブランドフォルダごとに最大100個までアップロードできます。(StreamYardサポート)

4. 適切なサイズ・ファイル容量を使う
   オーバーレイや背景は1280×720を基準サイズ、ファイルは20MB以下が推奨です。(StreamYardサポート)

5. 配信中にオーバーレイを切り替え
   アップロード後は、パネル内のオーバーレイをクリックするだけで配信画面に表示。別のオーバーレイをクリックすれば切り替え、再度クリックで非表示に。StreamYardでは同時に表示できるオーバーレイは1つのみなので、画面がすっきりし管理も簡単です。(StreamYardサポート)

オーバーレイはクラウド側で描画されるため、PCの負荷が軽減され、ローカルレンダリングよりもスムーズな動作が期待できます。(StreamYardブログ)

OBSやStreamlabsよりStreamYardが選ばれる理由：

• あなたもゲストもダウンロード不要。
• オーバーレイパネルは直感的で、電話越しでも説明できるほど簡単。
• シーンやエンコーダ設定に悩まず、配信進行に集中できる。

インタビュー、ウェビナー、トークショー、パネルディスカッションなど、主流の用途ならこのオーバーレイワークフローで十分です。

良いオーバーレイをデザインするコツ（特にStreamYard向け）

デザイナーでなくても、プロっぽいオーバーレイは作れます。シンプルなチェックリストでOKです。

1. 静的オーバーレイは透過PNGで作成
1280×720（または配信解像度に合わせた）キャンバスで：

• 映像を見せたい部分は透過に。
• ローワーサードやタイトル、サイドバーなどは塗りつぶし。

透過有効のPNGで書き出すのが、StreamYardや他ツールでも最も確実な形式です。

2. アニメーションオーバーレイは軽量に
アニメGIFや短いループ動画を使う場合：

• 20MB以下に抑えて、再生が重くならないように。(StreamYardサポート)
• 長尺アニメより5～15秒程度の短いループがおすすめ。

3. 視認性重視のデザイン

• 名前やタイトルは大きく、コントラスト高めに。
• ゴチャゴチャさせず、顔や画面共有のスペースを確保。
• モバイルでの見え方もテスト（日本の視聴者はスマホが多い）。

ベースとなるオーバーレイスタイルを作れば、テキストや色を変えるだけでシリーズ化できます。

OBS・Streamlabsでのオーバーレイの扱い方

複雑なゲーム配信や複数カメラ、レイヤー効果など、より細かい制御が必要な場合はOBSやStreamlabsが活躍します。

OBSでオーバーレイを追加する方法

OBSでは全てがシーン内のソースとして管理されます。オーバーレイは通常「画像」または「ブラウザ」ソースです。

基本手順：

1. シーンを作成または選択。
2. ソースドックで「+」をクリックし、PNGオーバーレイなら画像、Webベースのオーバーレイやウィジェットならブラウザを選択。(OBS Sources guide)
3. プレビューで位置やサイズを調整。
4. ソースリストで上下にドラッグしてレイヤー順を変更（上ほど前面）。(OBS Sources guide)

ブラウザソースはURLからアラートやチャットボックスなどを読み込めるため、Streamlabsなどのウィジェット統合にも使われます。

Streamlabs Desktopでのオーバーレイ追加

Streamlabs Desktopもシーン＆ソース構造ですが、ウィジェットが豊富です。

オーバーレイ追加方法：

• OBS同様、シーン内に画像やブラウザソースを追加。
• Streamlabsウィジェットを使う場合は、StreamlabsダッシュボードからウィジェットURLをコピーし、StreamlabsまたはOBSのブラウザソースに貼り付け。(Streamlabs support)

この方法は強力ですが、やや技術的です。OBSやStreamlabsが「複雑すぎる」と感じた方は、ゲストや共同ホストがいる配信ではStreamYardの方が簡単だと感じるケースが多いです。

Restream Studioでオーバーレイを追加するには？

Restream Studio（ブラウザ版）を使う場合、オーバーレイはグラフィックセクションで管理します。

一般的な手順：

1. ブラウザでRestream Studioに入室。
2. グラフィックまたはオーバーレイタブを開く。
3. Restreamの制限に合ったオーバーレイファイルをアップロード。推奨サイズは1920×1080、最大25MB、Studio内で最大50個まで。(Restream support)
4. 配信中にオーバーレイをクリックして表示・非表示を切り替え（StreamYardと同様）。

StreamYardもRestreamも、ブラウザベースのオーバーレイワークフローを提供していますが、ゲスト招待や習得のしやすさではStreamYardの方が直感的で、複数のマイナープラットフォームへの同時配信が不要ならよりシンプルです。

オーバーレイ用途でStreamYardと他ツールを使い分ける基準

実際に重視したいポイント別の選び方です。

StreamYardを選ぶべき人：

• トーク番組、インタビュー、ウェビナー、ポッドキャストを配信したい。
• 使いやすさ・信頼性・進行のしやすさを重視し、複雑なレイアウトは不要。
• 非技術系のゲストやプロデューサーが、リンク1つでダウンロード不要で参加したい。
• 主要プラットフォーム（YouTube、Facebook、LinkedInなど）への同時配信ができれば十分。

OBSやStreamlabsを検討すべき人：

• 複雑なシーン構成や多層エフェクトが必要。
• エンコーダや音声ルーティング、PCパフォーマンスの調整に慣れている。
• ゲーム配信で複雑なHUDとしてオーバーレイを使いたい。

Restream Studioを検討すべき人：

• すでにRestreamで多方面同時配信をしている。
• 同じブラウザスタジオでオーバーレイを使いたく、アップロード数やグラフィック制限内で十分。(Restream support)

米国のクリエイターや小規模チームの多くは、一度オーバーレイを作成し、StreamYardのオーバーレイパネルにアップロード、ブラウザスタジオだけで配信を完結させるのが最もシンプルで持続可能な方法です。

おすすめの進め方

• まずStreamYardのオーバーレイパネルで、追加・サイズ調整・切り替えの基本を習得。
• 使い回せる透過PNGオーバーレイ（ロゴ、ローワーサード、タイトルカードなど）を少数用意。
• 明確な限界に達し、技術的な設定に挑戦したい場合のみOBS/Streamlabsへ移行。
• すでにクラウド型同時配信サービスを使っている場合も、StreamYard単体でオーバーレイと同時配信が完結できるか検討。