2020年最新対応 Twitter ヘッダー画像はいくつ?作り方の解説と無料PSDテンプレを公開!

twitter ヘッダー画像 サイズ ガイド

昨年10月末に始めたTwitterですが、2020年2月に気づけば500名を超えるフォロワーさんにフォローいただきました。役に立つような情報やレビュー情報を発信していくアカウントはこちら(@norilog4)です。

NORI

フォローしていただいたみなさまありがとうございます!

みなさん意外に気になっていると思われる、Twitter の ヘッダー 画像サイズについて解説・紹介していきます。

最適なTwitter ヘッダー画像サイズ

twitter ヘッダー画像 サイズ
Twitter公式 ヘルプセンターでの案内では、2020年現在、最適なヘッダー画像サイズ(おすすめ ヘッダーサイズ)は 1500 x 500 px となっています。

ヘッダー画像に登録可能なファイル形式は、JPEGGIFPNGとなっています。また、裸が写っているプロフィール画像は、削除されるようです。

企業の公式Twitter ヘッダー画像 参考

1500 x 500 px で作られた企業のTwitter ヘッダー画像を見てみましょう。

セーフエリア内にしっかり文字要素を入れ込んで対応してるのがわかると思います。考えられて作られてますね!

みずほ銀行

@mizuhobank
みずほ銀行 Twittee

チーム コカ・コーラ

@TEAMCocaCola
チーム コカ・コーラ

Netflix Japan

@NetflixJP
Netflix

The New York Times

@nytimes
The New York Times

Twitter ヘッダー画像の比率とガイド

2020年現在のTwitterのヘッダー画像サイズの、おすすめサイズとガイドは以下となります。

twitter ヘッダー画像 サイズ ガイド

全体のバナーサイズは1500 x 500px です。セーフエリア(文字などを入力する部分)は1500 x 360px となっており、この水色の部分に切れてはいけない文字やイラストなどを配置します。

プロフィール画像(Twitter アイコン)は400 x 400px で設定するのがおすすめです。

レスポンシブ プロフィール画像エリアの部分は、プロフィールのTwittrアイコン(400 x 400px)がレスポンシブで動くエリアとなっているので、ここに文字やイラストなどといったデザインとなる要素を入れないことをおすすめします。

NORI

このガイドにのっとってヘッダーが象を作ればキレイに仕上がるよ!

スマホとPCでの表示 参考例

スマホ表示

スマートフォンでの表示例です。

PC表示

PCでの表示例です。

ヘッダーサイズをしっかり決めて作るとスマートフォンでもPCでも、レスポンシブ対応で表示されるヘッダー画像がキレイに表示されます。

Twitter ヘッダー画像 テンプレート

twitter ヘッダー画像 サイズ ガイド テンプレート

Photoshopで利用が可能

レイヤーの構成と使い方

twitter ヘッダー画像 サイズ ガイド テンプレート レイヤー構成

レイヤーの構成です。赤い部分のデザインレイヤーにデザインを入れると完成します。デザインが終わったらpngかjpgで書き出し(2MB以下)して自身のTwitterに設定してみましょう。

テンプレートのダウンロード

テンプレートのダウンロードは以下ボタンよりダウンロードができます。ダウンロードしてみて良かったら、(@norilog4)のメンションつけてTwitterなどで紹介していただけると嬉しいです!

ダウンロードしたPSDファイルを開くには最新版のAdobeCC製品が必要となりますのでご注意ください。

レスポンシブ対応のTwitter ヘッダー画像の作り方まとめ

本記事は、2020年現在、最適なTwitterのヘッダー画像サイズについての解説記事です。このテンプレートを使えば楽に作れると思います。

Photoshopを持ってない方でも、サイズを参考に作成してみてください。

もしPhotoshopを持ってなくても、Canva(キャンバ)を使ってヘッダーが画像を作れるよ!

登録から使い方まで完全解説!Canvaを使っておしゃれでかっこいいデザインを作ろう!

NORI

テンプレート(無料)を使って素敵なヘッダー画像を作ってね!

以上、NORI(@norilog4)でした。

コメントを閉じる

コメントを残す