おしゃれなTwitterのヘッダー画像の作り方を紹介します
- オシャレなTwitterヘッダーを作る前の基本事項
- Twitterヘッダーの画像サイズと形式
- Twitterのヘッダー画像を作る時の注意点
- CanvaでオシャレなTwitterヘッダーを作る7ステップ
- オシャレな画像を用意する
- CanvaでTwitterヘッダー用のキャンバスを開く
- 画像や文字などを配置する
- テンプレートで表示領域をチェックする
- 綺麗に表示されるように調整する
- ヘッダー画像をダウンロードする
- Twitterでヘッダー画像を設定する
オシャレなTwitterヘッダーを作る前の基本事項
ヘッダー画像を作る前に、Twitterヘッダーの基本事項をチェックしていきましょう。
- Twitterヘッダーの画像サイズと形式
- Twitterのヘッダー画像を作るときの注意点
この順番で説明します。
Twitterヘッダーの画像サイズと形式
Twitterヘッダーの画像サイズと形式は以下の通りです。
画像サイズ：1,500×500px
画像形式：jpg, png, gif
※アニメーションgifは非対応
Twitterヘッダーは、縦横比が3:1のかなり横長の画像です。
Twitterのヘッダー画像を作るときの注意点
Twitterのヘッダー画像を作るときに気をつけることが、2つあります。
ここを意識するだけでヘッダーがグッといいものになりますよ。
- ヘッダーには非表示領域がある
- 3:1の横長になるとイメージが変わる
ヘッダーには非表示領域がある
1,500×500pxの画像を作れば一応ヘッダーにはなるのですが、
アイコンなどと被って表示されない場所があります。
iPhoneとPCブラウザで表示を確認したところ、
黒やグレーで塗りつぶしている領域は表示されません。
せっかく書いた文章や、載せたイラストが隠れたなんてならないように、
ヘッダーの非表示領域を意識して作成しましょう。
3:1の横長になるとイメージが変わる
ヘッダーの素材にいい画像があったと思っても、
実はイマイチな場合があります。
多くの画像は16:9や4:3の比率で作成されていて、
3:1で切り出すと一部の場所しか表示されません。
先にどの部分を切り出してヘッダーに使うか決めておくと良いです。
CanvaでオシャレなTwitterヘッダーを作る7ステップ
CanvaでオシャレなTwitterヘッダーを作る方法を紹介します。
- オシャレな画像を用意する
- CanvaでTwitterヘッダー用のキャンバスを開く
- 画像や文字などを配置する
- テンプレートで表示領域をチェックする
- 綺麗に表示されるように調整する
- ヘッダー画像をダウンロードする
- Twitterでヘッダー画像を設定する
順番に見ていきましょう！
オシャレな画像を用意する
まずはじめに、ヘッダー画像の顔になる画像を用意しましょう。
ベースとなる画像の雰囲気でオシャレになるか決まるので、
これだ！という一枚を用意してくださいね。
CanvaでTwitterヘッダー用のキャンバスを開く
Canvaにアクセスして、
Twitterヘッダー用のキャンバスを開きましょう。
画面右上の「デザイン作成→カスタムサイズ」の順番でクリックします。
サイズを1,500×500pxに指定して、
「新しいデザインを作成」をクリックしましょう。
Twitterのヘッダーをクリックでも大丈夫です。
画像や文字などを配置する
キャンバスを開いたら、
用意した画像を背景画像に設定します。
背景を設定したあとは、
キャッチコピーやサブコピーなどのテキストを配置していきましょう。
今回はデモ用なので、
テキトーなテキストを配置しました。
テンプレートで表示領域をチェックする
画像や文字の配置ができたら、
テンプレートの画像を使って表示領域をチェックしましょう。
テンプレートを配置して、
背面まで持っていきましょう。
けっこう重なっていますね。
特に文字が重なって見えないのはマズいので、直したほうが良いです。
綺麗に表示されるように調整する
テンプレートの塗りつぶし部分に重ならないように、
素材をずらしましょう。
イラストが見えないのはそこまで問題にならないので、
そのままにしています。
テンプレート画像を削除して、
背景画像を再び挿入したら完成です！
ヘッダー画像をダウンロードする
あとは、
画像をダウンロードしてTwitterで設定するだけです。
画面右上の「共有→ダウンロード」の順番でクリックして、
ファイル形式がPNGになっているのを確認してダウンロードしましょう。
Twitterでヘッダー画像を設定する
最後にTwitterでの設定です。
プロフィール「」
まとめ：
本記事の要約
- オシャレなTwitterヘッダーを作る前の基本事項
- Twitterヘッダーの画像サイズと形式
- Twitterのヘッダー画像を作る時の注意点
- CanvaでオシャレなTwitterヘッダーを作る7ステップ
- オシャレな画像を用意する
- CanvaでTwitterヘッダー用のキャンバスを開く
- 画像や文字などを配置する
- テンプレートで表示領域をチェックする
- 綺麗に表示されるように調整する
- ヘッダー画像をダウンロードする
- Twitterでヘッダー画像を設定する