バナー/ヘッダー作成ツールとは?

バナー/ヘッダーメーカーはソーシャルメディアに合ったサイズのバナーを作成します。Twitter、YouTube、Facebook、LinkedInヘッダー用のプリセット寸法を選び、テキストを追加して色を調整し、デザインをエクスポートします。

プラットフォーム別プリセットを 6 種類用意:YouTube チャンネルバナー(2560×1440)、Twitter/X ヘッダー(1500×500)、Facebook カバー(820×312)、LinkedIn バナー(1584×396)、Twitch プロフィール(1200×480)、カスタムサイズ。背景は単色、グラデーション(8 種類のプリセット)、画像アップロードから選び、テキストレイヤーを好きなだけ重ね、水平・垂直位置を細かく調整、すべての操作を元に戻したりやり直したりしながら、PNG、透過 PNG、JPEG、または全プラットフォームサイズを一括 ZIP として書き出せます。

使い方

  1. プラットフォームプリセットを選択するか、バナーのカスタム寸法を入力します
  2. テキストを追加し、フォントを選択し、色を調整してキャンバス上で要素の位置を調整します
  3. バナーを PNG、透過 PNG、JPEG として書き出すか、全プラットフォームサイズをまとめて ZIP でダウンロードします

使用するタイミング

  • YouTube チャンネルバナーを新しいキャッチコピーとブランドカラーで刷新する。
  • 製品ローンチ当日やウェビナー告知のために Twitter ヘッダーを作る。
  • 肩書き、所在地、ひとこと自己紹介を載せた LinkedIn カバーを作成する。

結果

YouTuberがチャンネル名、キャッチフレーズ、ブランドカラーのグラデーション背景で2560×1440のチャンネルバナーを作成します。

よくある質問

アップロードするとプラットフォーム側で一部がトリミングされますか?
はい。YouTube のデスクトップは約 1546×423、モバイルは中央の細い帯のみが表示され、Twitter や LinkedIn の実表示エリアもアップロード画像より小さいです。重要なテキストはキャンバスの中央 60% に収めましょう。
なぜ YouTube バナーのサイズは画面表示よりずいぶん大きいのですか?
YouTube は 1 つの画像を TV、デスクトップ、タブレット、スマホで異なるサイズに描き分けるためです。2560×1440 のマスターを置くと全機種で鮮明に出ます。チャンネル名は中央約 1235×338 のセーフゾーンに入れれば、どのレイアウトでも見えます。
テキストの背景に色やグラデーションではなく画像を使えますか?
可能です。背景モードを「画像」に切り替えて写真をアップロードすると、画像はキャンバス全体を覆うようスケーリングされます。可読性を上げるには、テキスト位置にコントラストの低い部分がある写真を選ぶか、文字色を半透明にして重ねます。
バナーは PNG と JPEG どちらで書き出すべきですか?
PNG は文字エッジが鮮明で透明にも対応し、単色背景やくっきりしたグラフィックに向きます。写真背景なら JPEG の方がファイルサイズを抑えられます。本ツールの JPEG はクオリティ 0.92 で書き出すので、見た目はほぼ無劣化です。
後でテキストだけ変えたくなったとき、同じバナーをそのまま編集できますか?
デザインはセッションを跨いで保存されません。タブを閉じるとレイヤーは消えます。調整中はタブを開いたままにするか、設定をスクリーンショットしておきましょう。繰り返し編集するなら、PNG として保存しておき次回背景として再利用するのが手早いです。

関連ツール