X(Twitter)のプロフィールに表示される「ヘッダー画像」は、アカウントの印象に大きく影響する大切な要素です。
ヘッダー画像を自分らしくカスタマイズすれば、アカウントのイメージをしっかりと伝えられるため、どんな情報を発信しているのかがより伝わりやすくなります。
ただし、ヘッダー画像を設定する際には、適切なサイズの画像を使用しないと、見切れてしまったり画質が粗くなってしまったりと、キレイに表示されない場合があります。
この記事では、X(Twitter)のヘッダー画像に適した画像サイズや、ヘッダー画像を作成・設定する際に注意したいポイントについて解説します。
また、無料のデザイン作成アプリ「Adobe Express」を使って、アカウントのイメージにぴったりなヘッダー画像の作り方もご紹介します。
※当記事の
目次
X(Twitter)ヘッダー画像
X(Twitter)の
X(Twitter)の
X(Twitter)ヘッダー画像の
アカウントの
X(Twitter)ヘッダー画像(カバー画像)の推奨サイズと注意点
「ヘッダー画像」とは、X(Twitter)のプロフィール画面上部に表示される画像のことで、「カバー画像」とも呼ばれています。
アイコン画像の後ろに、背景のように大きく表示されます。
プロフィールアイコン画像と同様、X(Twitter)アカウントの顔となる、重要な要素です。
初期設定の状態では、無地のヘッダー画像が表示されますが、自分で用意した画像を設定することで、自分のアカウントの世界観を表現できます。
ヘッダー画像を作成するうえで重要なのは、適切な画像サイズでカバー画像を用意することです。
X(Twitter)の推奨サイズ以外で設定した場合、表示させたい部分が見切れたり、アイコンで隠れたり、画質が粗くなったりする可能性があります。
意図したとおりにヘッダー画像が表示されるよう、サイズを意識して作成しましょう。
ヘッダー画像を作成する際は、以下の3つのポイントを押さえておきます。
1. 推奨サイズは1,500×500px(アスペクト比3:1)
2. 環境によっては上下60pxが見切れてしまう
3. 左下部分はプロフィールアイコンによって隠れてしまう
それぞれのポイントについて、詳しく解説していきます。
1.推奨サイズは1,500×500px(アスペクト比 3:1)
X(Twitter)ヘッダー画像の推奨サイズは1,500×500pxで、表示領域はアスペクト比(横:縦の比率)が3:1です。
アスペクト比が3:1の画像であれば、比率的には他のサイズでも設定できますが、画質やファイル容量の観点から、推奨サイズで画像を用意するのがオススメです。
アスペクト比が3:1でない場合には、画像を設定画面でトリミング(画像の切り抜き)を行います。
2.環境によっては上下60pxが見切れてしまう
推奨サイズどおり1,500×500pxの画像を設定しても、デバイスによっては、ヘッダー画像の上下が見切れてしまうことがあります。
これは、PCやスマートフォン、タブレットなど、デバイスによって表示される領域が異なるからです。
以下の画像のように、上下それぞれ、最大60pxずつ(計120px)見切れることがあります。
そのため、ヘッダー画像内の重要な要素は、どんなデバイスでも表示されるよう、中央の縦380pxの範囲に収めるようにしましょう。
3.左下部分はプロフィールアイコンによって隠れてしまう
プロフィール画面で表示した際、ヘッダー画像の左下部分には、プロフィールアイコンが重なって表示されます。
そのため、ヘッダー画像の左下部分に文字やイラストなどの重要な要素を入れてしまうと、プロフィールアイコンの後ろに隠れて読めなくなってしまいます。
プロフィールアイコンの表示位置は、表示するデバイスによって異なります。
どんなデバイスでも問題なく表示できるよう、左下部分の500×250pxには、テキストやイラストなどの重要な要素を配置しないようにしましょう。
公式アカウントの場合は、プロフィールアイコンが円形ではなく四角形で表示されますが、避けるべき領域は同じです。
ヘッダー画像を作成する際には、以上3つのポイントを意識してください。
なお、ヘッダー画像に使用できるファイル形式は「JPEG」「GIF」「PNG」の3種類です。
それ以外のファイル形式の画像をヘッダー画像に設定することはできません。
また、X(Twitter)から「裸が写っている」と判断された画像は、削除されます。
水着を着た写真であっても、肌の露出があまりにも多い場合はX(Twitter)側から「裸が写っている」と判断される可能性があるので、注意が必要です。
それでは続いて、ヘッダー画像を作成する具体的な方法を紹介します。
X(Twitter)のヘッダー画像を作成する方法
ここでは、無料のデザイン作成ツールである「Adobe Express」を使って、おしゃれなX(Twitter)のヘッダー画像を作成する方法をご紹介します。
自分で用意した画像はもちろん、プロが作成したテンプレートやAdobe Stockの豊富な素材も使用できるので、クオリティの高いヘッダー画像をカンタンに作れます。
【手順1】Adobe Expressにログインする
おもちのGoogleアカウントやSNSアカウント、メールアドレスを使ってAdobe Expressに無料ログインしてください。
登録は30秒ほどで完了します。
ログインすると、以下の画像の画面が表示されます。
【手順2】テンプレートを選択する
テンプレートを使えば、X(Twitter)の推奨サイズである1,500×500pxで、見栄えのするヘッダー画像をカンタンに作れます。
上部の検索窓に「X(Twitter)ヘッダー」と入力し、表示されたテンプレートの中から作りたいヘッダー画像のイメージに近いものを選んでください。
テンプレートを選択すると、編集画面に移動します。
自分のアカウントの世界観を表現できるよう、カスタマイズしていきましょう。
【手順3】背景画像や背景色を変更する
テンプレートの画像部分をクリックすると、「画像を編集」ウィンドウが表示されます。
「色調補正・ぼかし」の項目を調整することで、色調やぼかし具合などを変更可能です。
今回は、パンの画像がより美味しそうに見えるよう、コントラストを上げています。
【手順4】写真やイラストを配置する
画面左側の「素材」をクリックすると、写真やイラストを追加できます。
配置したい素材をキーワードで検索し、好きな画像をクリックすると、素材を配置できます。
画像の大きさは、画像の角をドラッグして調整します。
なお、素材の色は「効果」から、コントラストは「色調補正・ぼかし」から変更が可能です。
【手順5】文字を編集する
テンプレート上の文字要素を変更するには、文字をクリックして選択し、「テキスト」ウィンドウ上で編集します。
豊富に用意されたフォントの中からイメージに合うものを選べるほか、影や枠を付けるなどの加工もできます。
【手順6】画像をダウンロードする
ヘッダー画像のデザインが完成したら、画面右上の「ダウンロード」ボタンをクリックし、ファイル形式から「PNG」または「JPG」を選んで画像をダウンロードします。
今回の例のように背景に写真を用いる場合は、JPGが向いています。
写真のように色数の多い画像を保存する場合には、JPGの方がPNGに比べてファイル容量が小さく済むからです。
逆に、色数の少ないイラストやロゴ、シンプルな画像などの場合はPNGでの保存が向いています。
これでヘッダー画像が完成です。
X(Twitter)のヘッダー画像のオススメテンプレート30選
Adobe Expressには、X(Twitter)ヘッダー用のテンプレートが数多く揃っています。気になるテンプレートをクリックすると、Adobe Expressの編集画面に移動します。自分のX(Twitter)アカウントのイメージに合わせて、自由にデザインしてください。
テンプレートをもとに作成したヘッダー画像は、商用利用も可能ですので、安心してご利用いただけます。