Twitterのヘッダー画像を綺麗に作成する方法

Canvaの無料素材を使えば綺麗なTwitterヘッダー画像が簡単に作成できます!
CanvaでTwitterのヘッダー画像を作成!
Twitterのヘッダー画像を綺麗に作成する方法

Twitterのヘッダーは、画像のサイズをきれいに合わせて文字レイアウトもおしゃれにしましょう。

Twitterヘッダーの推奨サイズ

Twitterのヘッダーは、基本的に幅と高さの割合が3:1です。推奨サイズは1500×500ピクセルですので、そのサイズに合わせて画像を加工するときれいに作れます。CanvaでTwitterのヘッダーを作成すると、推奨サイズで作れるようになっているので、簡単にきれいなTwitterヘッダーを作成できます。

画像のサイズを確定せず、完成してからリサイズすると、画像が劣化してしまいます。Twitterのヘッダーに限らず、画像をデザインする場合は、完成サイズを意識して、はじめからTwitterの最適サイズで作っていくように心がけてください。

ヘッダー画像を作成するときの注意点

Twitterのヘッダー画像の全体サイズは1500×500ですが、そのサイズ内でも実際に表示してみると見えなくなる部分がある点に注意してください。その部分を考慮して画像や文字が隠れないように配置できると、さらにきれいな仕上がりになります。ヘッダーの見えなくなる部分は主に2カ所です。

ヘッダーの上下

ヘッダー上下の一部が見切れてしまいます。ヘッダーに文字を入れる場合、文字は上下50ピクセルずつあけて中央400ピクセル内に収まるようにすると文字が切れることなく表示されます。

左下のアイコン表示部分

アイコンが表示される部分は少し隠れてしまいます。実際に表示してアイコンで隠れる部分を確認して、隠れてしまう場所には文字を入れないように注意しましょう。

実際にTwitterのWeb版(Windows10 / GoogleChrome)でどのように表示されるかを確認しましょう。

タイムライン表示画面の左上に表示される場合は、このような形でヘッダー画像とアイコンが重なります。縦で言えば3分の1ぐらいの部分、横で言えば左側4分の1ぐらいの部分がアイコンで隠れているのが分かります。

プロフィール表示画面で見てみると、アイコンで隠れる部分は少し位置が変わります。隠れてしまう場所は、縦で言えばやはり下側3分の1ぐらいの位置。横で言えば、左端は空いているのですが、8等分して左から2番目ぐらいの部分です。

隠れる面積自体はタイムライン表示部分より狭くなります。アイコンがかかっているあたりには、文字をレイアウトしないようにしましょう。

Twitterヘッダーの設定・変更方法

Twitterのヘッダー画像を作成したら、さっそくTwitterに設定・変更してみましょう。手順は以下の通りです。

1.Twitterのプロフィール画面を開きます。

先ほど紹介したプロフィール画面の右下に「プロフィールを編集」ボタンがありますのでこのボタンをクリックしてみてください。

2.プロフィール画面とアイコンが変更できる表示に変わります。

この表示になったらヘッダー中央あたりに出てくる「ヘッダー画像を変更する」という部分をクリックしてみましょう。すると、以下のようなメニューが表示されます。

ここで「画像をアップロード」を選んでアップロードしてください。

3.画像がきちんと反映されたことを確認して、ヘッダー右下に表示されている「変更を保存」ボタンを押して、変更した内容を保存します。

4.ヘッダー画像は変更されたことを確認して完了です。

既に設定されているヘッダー画像を削除するには、ヘッダー画像中央に出ていたメニューより「削除」を選べば問題なく削除できます。

Canvaで人気のTwitterヘッダーテンプレート トップ10

ここで、Canvaを日本でご利用いただいている方たちが最も使っているTwitterヘッダーテンプレートのトップ10を紹介します。おしゃれなTwitterヘッダーからかわいいTwitterヘッダーまで、人気のテンプレートから自分オリジナルのTwitterヘッダーを作ることができます。お気に入りのテンプレートがありましたら、クリックすればすぐにCanvaで自分だけのおしゃれなTwitterヘッダーがデザインできます。

1位. 空と地平線が素敵なTwitterヘッダー

果てしなく続く地平線と青空のコントラストが爽快なTwitterヘッダーです。

2位. 黄色と黒のコントラストが目を引くミニマルなTwitterヘッダー

黄色と黒で見た人の印象に残るミニマルなTwitterヘッダーです。イラストやテキストを変えたり色を変えたりするだけでオリジナルのTwitterヘッダーが作成できるテンプレートです。

3位. ノートパソコンの写真を使ったビジネス向けのTwitterヘッダー

写真背景で会社ロゴと会社情報をうまく活用したTwitterヘッダーです。写真やロゴを変えればオリジナルTwitterヘッダーの完成です!

4位. 紫のグラデーション背景とテキストメッセージのかっこいいTwitterヘッダー

グラデーション背景とシンプルなテキストメッセージで洗練された印象を残すTwitterヘッダーです。

5位. 青背景と白テキストで優しい印象のTwitterヘッダー

優しい雰囲気の青背景とかすれた感じのフォントを使ってどこか浮遊感を感じさせるTwitterヘッダーです。

6位. 黒みがかった写真背景と白い枠線がキャッチーなTwitterヘッダー

全体的に黒い印象を持った写真を背景に使って白い枠線に注目がいくようにデザインされたTwitterヘッダーです。枠線の中にメッセージやテキストを載せれば見た人の印象に残すことができます。

7位. 自然の背景写真と手書きメッセージのTwitterヘッダー

山の背景写真と手書きメッセージを組み合わせて冒険心をくすぐってくれるTwitterヘッダーです。

8位. オレンジ背景と筆記体フォントがかわいいTwitterヘッダー

パステル調のオレンジ背景とキラキラマーク、筆記体フォントでかわいくポップにデザインできるTwitterヘッダーテンプレートです。

9位. 白背景+2色使いでまとめられたシンプルなTwitterヘッダー

白背景とオレンジ色のキャッチーな模様、濃い色のテキストでまとめられたシンプルなTwitterヘッダーです。

10位. 定番の桜背景を使った素敵なTwitterヘッダー

定番の桜の写真背景を使ったTwitterヘッダーです。Canvaには無料写真素材も豊富に用意されているので、テンプレートからデザインをはじめて写真を自分好みのものに変えるだけで素敵なTwitterヘッダーがすぐに作成できます。

作成するならCanvaがおすすめ

Twitterのヘッダー画像を作成するならCanvaのテンプレートを利用して作成すると、文字のフォントや位置も調整できて、サイズも推奨サイズぴったりで作成できます。Canvaなら以下の点でも便利です。

  • Twitterのヘッダー画像推奨サイズに合わせて簡単に画像を切り抜ける
  • 洗練されたテンプレートでおしゃれな文字レイアウトを使用可能
  • 作成したらそのままTwitterにアップロードができる

CanvaならTwitterのヘッダー画像をデザインするテンプレートを選ぶだけで、作成したテンプレート画像をヘッダーに適したサイズに切り抜けます。Windows標準のペイントなどで画像を決まったサイズに切り抜くのは意外とやりづらいもの。テンプレートに当てはめるだけで簡単に切り抜けるのはとても楽です。

Canvaが提供するテンプレートは、すでにスタイリッシュなフォントが絶妙な位置に配置されています。基本はテンプレートのレイアウトとフォントをそのまま流用して、文字の文言だけ変える、という手順であっという間に最適のサイズで文字レイアウトも美しいヘッダー画像が完成です。もちろん、レイアウトやフォントを変更することもできます。

また、ヘッダー画像が完成したら、Twitter側から設定しなくても、Canvaの編集画面から直接アップロード先を指定できる点も、Canvaの魅力です。ほんの少しのこと、と感じるかもしれませんが、何度かデザインを検討してヘッダーの画像をどんどん差し替える際は、Twitterに直接アップロードできる便利差を感じられるでしょう。

Twitterのヘッダー画像作成も、Canvaの機能を活用して簡単に、そして美しく仕上げてくださいね。

 

こちらのTwitter関連記事もおすすめです

関連記事

すべて表示

アイディアを形に

もっとも簡単なデザイン作成サービス