更新済み 2026年8月27日
ストリーミングとゲーミング用の3Dロゴ
ライブ配信には、4つの非常に異なる作業に同じブランディングが必要です: ほとんどの場合サムネイルサイズで表示される256ピクセルのアバター、1920x1080のオフラインバナー、幅320ピクセルを超えないパネル、アラートやトランジション用の短いアニメーションオーバーレイ。最初の3つには透過PNGで、最後の1つにはMP4でエクスポートします。

チャンネルが必要とするエクスポート
| 要件 | 3DLogo.ioで行うこと |
|---|---|
| アバター | Twitchはプロフィールサイズとして256 x 256を公開しており、それ以上のサイズはすべて縮小します。最小サイズは200 x 200です(2026年8月に確認)。余白をつけた正方形で書き出し、太いブランドマークを維持してください。これはほとんどの視聴者がチャットサイズで実際に見るバージョンです。 |
| オフラインバナー | 1920 x 1080、最大10 MB。無料画像は1024ピクセルまでなので、フル解像度バナーはProとして書き出します。画像ツールでバナーを作成し、ここで全体のデザインをエクスポートする代わりに、ロゴの透明なPNGを配置してください。 |
| パネル | Twitchのパネルは最大幅320px、高さ600px、サイズ1MB未満です。これは無料エクスポートの制限内に十分収まります。幅320pxでは、ホログラフィックやグラデーションの仕上げは読み取れなくなりますが、クロムや単色は耐えられます。 |
| アラートとカーテン | ブランドの短いループをMP4としてエクスポートします。無料版は3dlogo.ioの小さなマーク付きで480pに保存できます。Proは何も載せずに720pまたは1080pで保存します。1080pのライブ配信にオーバーレイを重ねる場合は、Proでのエクスポートが必要です。 |
| コントラスト | ライブ配信のデザインは暗いものが多く、クロムとゴールドに有利です:どちらも環境から輝きを得て、暗い背景からはっきりと区別されます。ガラスは背後に何か派手なものが必要で、さもなければ消えてしまいます。 |
この使用に適したスタイル
- クローム3Dロゴ: アバターサイズでも読みやすく、暗いオーバーレイの上で縁に輝きを保ちます。
- 金の3Dロゴ: チームのシールドには暖かい金属色;輪郭なしで暗いインターフェースから分離されます。
- アニメーション3Dロゴ: アラートとトランジションは、ブランドが動く唯一の場所です。
3DLogo.ioでの作り方
- エディターを開き、ブランドをSVGとしてアップロードするか、チャンネル名やチーム名を入力します。
- クロムまたはゴールドのプリセットを選択;環境をスタジオに、背景を透明にします。
- アバターとパネル用に、PNGの透明な正方形を1024pxでエクスポートします。
- オフラインバナーの場合、2Kまたは4KでProとしてエクスポートし、画像ツールで1920 x 1080のキャンバスに合成します。
- アラート用に、スタイルパネルで動きを設定し、共有パネルからMP4を保存します。
条件と制限
エディターはデザインではなく、ブランドをエクスポートします:バナークロス、パネルのボタン、オーバーレイは画像ツールまたはストリーミングソフトウェアに組み込まれます。無料エクスポートは最大1024pxまでで、小さな3dlogo.ioのマークが付きますので、フル解像度でのオフラインバナーや1080pの画面遷移にはProが必要です。Twitchのサイズは2026年8月にTwitchが公開したもので、デザイン変更の前には再確認するのが望ましいです。
質問
- Twitchのプロフィール写真のサイズはどれくらいですか?
- Twitchは256 x 256ピクセルを公開しており、最小は200 x 200で、それ以上のサイズはすべて縮小されます(2026年8月に確認)。ブランドは正方形で中央にマージンを付けてエクスポートしてください。丸として表示され、角が切り取られるためです。
- Twitchのパネルのサイズはどれくらいですか?
- 幅は最大320ピクセル、高さは600ピクセル、容量は1MB未満です。無料の1024ピクセル出力でも収まるので、パネルにProは必要ありません。その幅の場合、クロムまたは単色にとどめてください。ホログラフィックやグラデーションの仕上げは、それ以下のサイズでは読みづらくなります。
- Twitchのオフライン用バナーを無料で作れますか?
- ロゴは無料で作れますが、バナー解像度では作れません。オフライン画面のサイズは1920x1080で、無料の画像は1024ピクセルまでで、小さな3dlogo.ioのマークが付きます。Proでは、画像に何も追加せずに2Kや4Kで出力できます。
- ライブ中のアラート用アニメーションロゴはどう作りますか?
- スタイルパネルで動きを定義し、次に共有パネルからMP4を保存します。無料版では小さな透かしが入った480pの5秒クリップを保存でき、Proではそれを720pまたは1080pで保存できます。ほとんどのアラートソフトウェアはMP4または透過WebMを受け入れます;ここでのMP4は透過ではないので、アラートの背景に重ねます。
- ゲーミングチームにはどんな3Dロゴスタイルが合いますか?
- クロムとゴールドが最も耐久性があります。なぜなら、ライブ配信のデザインは暗めで、両方とも自分の色ではなく周囲の光から輝きを得るからです。ガラスは背景がぎっしりしていないと見えませんし、暗いオーバーレイでは効果がありません。
他の表面
同じマークと、他の各場所にそれを置く場合にエクスポートから必要なもの。