主要SNSのヘッダー・カバー画像のサイズをまとめました。
主要なSNSのヘッダー画像の縦横比バランスを見て、画像配置の際の参考にしていただけたらと思います。
instagramはヘッダー画像ないのですが、参考として置いています。
各種SNSサイトの画像サイズ
カバー写真
カバー写真サイズはPC表示とスマホ表示との画像サイズが違います。
![FBヘッダーサイズPC](https://i0.wp.com/resposillust.com/wp-content/uploads/2020/06/02006HP_fb01-1-2.jpg?resize=411%2C157&ssl=1)
![FBヘッダーサイズスマホ](https://i0.wp.com/resposillust.com/wp-content/uploads/2020/06/02006HP_fb01-02-1.jpg?resize=321%2C181&ssl=1)
私は、820×360ピクセルでアップロードしました(下に行くと実際の表示が見られます)
補足:100キロバイト未満のsRGB JPGファイル、PNGが推奨されています。
イベントページの画像サイズ
![イベントカバーサイズ](https://i0.wp.com/resposillust.com/wp-content/uploads/2020/06/02006HP-1.png?resize=600%2C314&ssl=1)
Twitterのヘッダー画像
![ツイッターヘッダーサイス](https://i0.wp.com/resposillust.com/wp-content/uploads/2020/06/02006HP_twi01.jpg?resize=751%2C251&ssl=1)
You Tubeチャンネルカバー画像
![Youtubeチャンネルアートサイズ](https://i0.wp.com/resposillust.com/wp-content/uploads/2020/06/02006HP_youtube01-1.jpg?resize=1281%2C721&ssl=1)
アップする画像は2,560×1,440ですが、表示は下記のようになります。
![Youtubeチャンネルアート表示サイズ](https://i0.wp.com/resposillust.com/wp-content/uploads/2020/06/02006HP_youtube02.jpg?resize=1281%2C721&ssl=1)
TV表示に対応してるんですね。PC表示でも細長いです。
instagramの投稿画像
![インスタ画像サイズ](https://i0.wp.com/resposillust.com/wp-content/uploads/2018/12/3c9cc29213c1089da628f445919c2646.png?resize=540%2C540&ssl=1)
現在、横長、縦長も投稿できます。
noteのヘッダーと見出し画像
2020年6月17日(予定)にサイズが変更されました。
![note画像変更後](https://i0.wp.com/resposillust.com/wp-content/uploads/2020/06/02006HP_note01-1.jpg?resize=641%2C336&ssl=1)
さらにきれいに画像を表示させたいときは
・1600 × 838 px
・1920 × 1006 px
がすすめられています。
![](https://i0.wp.com/resposillust.com/wp-content/uploads/2020/06/8bbf6cc4a0dbe557783f5fcf4200dd90.jpg?resize=960%2C503&ssl=1)
![](https://i0.wp.com/resposillust.com/wp-content/uploads/2020/06/2fa359f073da800d928922366fd69e8f.jpg?resize=960%2C503&ssl=1)
私は推奨サイズ(1920 × 1006 px)でアップロードしました(小さいサイズだとぼやけて見えたので)
各SNSヘッダー画像・カバー画像のサイズ・表示参考例
各SNSヘッダー画像・カバー画像例
FB(画像をクリックすると実際のページにとびます)
![](https://i0.wp.com/resposillust.com/wp-content/uploads/2020/10/02010_FB03.jpg?resize=410%2C180&ssl=1)
![](https://i0.wp.com/resposillust.com/wp-content/uploads/2020/10/02010_FB02.jpg?resize=410%2C180&ssl=1)
Twitter(画像をクリックすると実際のページにとびます)
![](https://i0.wp.com/resposillust.com/wp-content/uploads/2020/10/02010HP_twitter02.jpg?resize=750%2C250&ssl=1)
YouTube(画像をクリックすると実際のページにとびます)
![](https://i0.wp.com/resposillust.com/wp-content/uploads/2020/10/02010_youtube003.jpg?resize=1280%2C720&ssl=1)
![](https://i0.wp.com/resposillust.com/wp-content/uploads/2020/10/02006HP_youtube003.jpg?resize=1280%2C720&ssl=1)
インスタグラム(←クリックするとタイムラインにとびます)
インスタグラムはヘッダー画像がないので投稿サイズの参考に。
2018年から長方形も投稿できるようになりましたが私は正方形が好きです。
note( 画像をクリックすると実際のページにとびます)
![](https://i0.wp.com/resposillust.com/wp-content/uploads/2020/10/e0fefcac1685aae1245ae79d00cc014b.jpg?resize=960%2C503&ssl=1)
![](https://i0.wp.com/resposillust.com/wp-content/uploads/2020/10/4d49f58783aae3a49351d2f12598d9b2.jpg?resize=960%2C503&ssl=1)
私のヘッダー画像の目的は、
・イラストレーターだということがわかる
・説明や図解、わかりやすさに特化したイラストと感じてもらう
・柔らかい表現から比較的固い表現まで、技術に柔軟性を感じてもらう
と思っています。