SNS画像サイズをまとめてみた(前編)

SNS画像サイズをまとめてみた(前編)

SNS(wordpress,facebook,twiiter)の画像サイズって、どのサイズにすればいいんだ?

以前からとっても気になっていた。

ブログ記事書いて出来上がってからとりあえず画像入れるんだけど、記事書くので精いっぱいで画像サイズばらばら。

後で見直してみると一貫性がなくて見ずらい。

ブログ(wordpress)、フェイスブック、ツイッターって、どの画像サイズで入れたらいいんだ?

これが結構気になってた。今日ここでスッキリしたい。

なので今回自分が使うSNS(wordpress/facebook/twittre)の画像サイスをまとめた。

一度決めてしまえば何も考えずにこのサイズでつくればいい。こうなれば精神上、とてもよろしい。

今自分が使う予定のSNSは、

  1. ブログ(wordpress)
  2. フェイスブック
  3. ツイッター

上記3つに絞った理由はまた後日。

よく使う画像サイズをまとめてみた

上記3つのSNSで使う画像サイス考えるにあたり、参考までに使用頻度が高い画像サイズを選定してみた。

画面の名称縦x横アスペクト比
QVGA320 x 2404 : 3
VGA640 x 4804 : 3
XGA1024 x 7684 : 3
UXGA1600 x 12004 : 3
QXGA2048 x 15364 : 3
ワンセグ320 x 18016 : 9
HDTV1280 x 72016 : 9
WXGA1366 x 108016 : 9
Full HDTV1920 x 108016 : 9
4K3840 x 216016 : 9

Twitter、FaceBook、推奨画像サイズはアスペクト比「1.91:1」

ここで耳より情報

Twitter、FaceBook、推奨画像サイズが、アスペクト比「1.91:1」に統一される

これ( アスペクト比「1.91:1」 ) を元によく使いそうな画像サイズでちょっとピックアップしてみると、

縦 x 横
640 x 335
720 x 376
960 x 502
1280 x 670
1920 x 1005

ここでまた耳より情報

GoogleのAMP必須プロパティのimageサイズが1200px以上に指定されている

暫定的にサイズ決定

ということで、Twitter、FaceBook、で キレイに表示させたいのであれば、

  1. 1280 x 760 px
  2. 1920 x 1005 px

の、2択になりました。

長くなったので後編に続きます。

テキストのコピーはできません。