パネルの見出し
キャプション(任意)
高さ
文字の位置
文字寄せ
書体
背景色
文字色
アクセント色
パネル
ドロップ/貼り付けも可(任意)

ブラウザ内で処理 · アップロードなし

Twitch のチャンネル概要欄に並べる「パネル」画像を作るためのメーカーです。パネルは幅320pxで表示されるため、出力幅は320pxに固定し、高さは320×100/320×80/320×160/320×48の定番プリセットから選べます(高解像度 ×2 にすると幅640pxで書き出し、表示時にくっきりします)。見出しテキスト(例: ABOUT ME、DONATE、SCHEDULE、RULES、SOCIALS)と、必要なら小さなキャプション行を入力し、文字の位置(上・中央・下)と文字寄せ(左・中央・右)、書体(ゴシック/明朝)を整えられます。背景は背景色だけのシンプルなものにも、絵(画像)を追加して全面にフィット(cover)させた写真パネルにもできます。絵を載せたときは可読性のために文字の背後へ薄い影の帯を敷けます。見出しの直下にはアクセント色の下線(バー)を任意で引け、複数パネルの統一感を出せます。背景色・文字色・アクセント色はそれぞれ指定でき、同じ配色で見出しだけを変えて何枚も作れば、揃ったデザインのパネルセットになります。完成したパネルは「PNG を保存」で書き出し、Twitch のクリエイターダッシュボードからチャンネルのパネルとしてアップロードできます(各パネルにはリンクURLや説明文をTwitch側で設定します)。追加した絵や入力した文字はサーバーに送信されず、すべてお使いのブラウザ内だけで処理されます(高さ・位置・色などの設定だけは次回のために端末内に保存され、リセットで消せます)。

使い方

  1. 高さ(320×100/80/160/48)を選び、必要なら高解像度 ×2 にする。
  2. 見出し(ABOUT ME・DONATE 等)と任意のキャプションを入力し、位置・文字寄せ・書体・色を整える。
  3. 背景色だけ/背景画像を選び、アクセント下線を付けて「PNG を保存」で書き出す。

よくある質問

Twitch のパネルの画像サイズはいくつですか?

パネルは幅320pxで表示されます。このツールは幅を320pxに固定し、高さは320×100/320×80/320×160/320×48から選べます(高さは可変なので用途に合わせて選んでください)。高解像度 ×2 を選ぶと幅640pxで書き出され、表示時により鮮明になります。

パネルにリンク(URL)を付けられますか?

リンクや説明文の設定はTwitch側で行います。このツールはパネルの「画像」を作るもので、書き出したPNGをTwitchのクリエイターダッシュボードからパネルとしてアップロードし、そこでクリック先のURLや説明文を入力してください。

デザインを揃えた複数のパネルを作れますか?

作れます。背景色・文字色・アクセント色・書体・高さを同じに保ったまま、見出しだけ(ABOUT ME→DONATE→SCHEDULE…)を変えて書き出せば、配色とレイアウトが揃ったパネルセットになります。設定は端末内に保存されるので、続けて作るときも同じ見た目から始められます。

追加した画像や文字はアップロードされますか?

いいえ。背景画像・見出し・キャプションなどの入力はサーバーに送信されず、すべてお使いのブラウザ内だけで処理されます。書き出したPNGも端末に保存されるだけです(高さ・位置・色などの設定のみ、次回のために端末内に保存され、リセットで消去できます)。