使い方
- テーマを選ぶか、背景色・テキスト色・アクセントカラーを自分で設定します。
- スタイル、フォント、太さ、配置を選びます。すべてのパネルに同じデザインが適用されます。
- 各パネルのテキスト、アイコン、高さ(60~200 px)を編集します。必要に応じてパネルを追加または削除します。
- 1 枚の PNG または全パネルを ZIP でダウンロードします。
- Twitch で自分のチャンネルの About(概要)ページに移動し、Edit Panels(パネルを編集)をクリックして、パネルを追加し画像をアップロードします。
仕組み
Twitch は動画の下にチャンネルパネルを 320 ピクセル幅で表示します。各画像の幅は 320 px、より鮮明なサイズを選ぶ場合は 640 px です(Twitch が縮小表示します)。高さは 60~200 px です。テキストとアイコンは 1 行に収まります。収まらない場合はテキストが 10 px まで縮小されるため、パネルタイトルは短くしてください。
スタイルはグラデーションを使わないフラットカラーで、単色、アクセントカラーの枠線、下部のアクセントバー、アクセントボーダーから選べます。フォントはデバイスにインストールされているもの(システムフォント)を使用するため、同じ設定でも別のコンピューターでは見え方が少し異なる場合があります。ダウンロードした PNG には表示どおりの内容が含まれます。
アイコンはオープンソースの Lucide アイコンセット(ISC ライセンス)から取得され、テキストカラーの線で描画されます。アクセントボーダースタイルではアクセントカラーになります。このツールは Twitch とは関係ありません。
使用例
クラシックなパープルセット
Violet テーマ、単色スタイル、太さ Black、大文字。About me、Schedule、Donate、Rules、Socials に合うアイコンを付け、1 つの ZIP としてダウンロード。
アクセントバー付きのダークチャンネル
Night テーマ、アクセントバースタイル、等幅フォントでレトロゲーム風の見た目に。
背の高いタイトルパネル
「Welcome」というテキストのみでアイコンなしの高さ 200 px のパネルを、高さ 70 px の短いパネルの上に配置。
よくある質問
Twitch パネルのサイズはどのくらいにすればよいですか?
Twitch はパネルを 320 px 幅で表示します。高さは 60~200 px 程度が一般的で、このツールでも高さをその範囲に制限しています。画像は Twitch のファイルサイズ上限を下回る必要がありますが、これらの小さな PNG は簡単に下回ります。
パネルを自分のチャンネルに追加するにはどうすればよいですか?
自分のチャンネルを開き、About(概要)に移動して Edit Panels(パネルを編集)をオンにし、プラスをクリックして画像またはテキストパネルを追加し、PNG をアップロードし、必要に応じてリンクを追加して送信します。
自分のフォントやロゴを使えますか?
このツールはデバイスにインストールされたフォントと固定のアイコンセットを使用します。カスタムロゴを使う場合は、アイコンなしでパネルを作成し、画像編集ソフトでロゴを追加してください。
プライバシー
パネルはブラウザ上のキャンバスで描画され、お使いの端末に直接保存されます。テキストや画像がアップロードされることはありません。