TwitterとFacebookのアイキャッチは、1.91✕1 最適サイズを解説!


Twitterのアイキャッチ画像を張り切って作りました。

ブログのアイキャッチと兼用です。

Twitterのを見てみると、上下が欠けている!

「何これ?」

ということで、調べてみました。

フルHD16:9との兼ね合い

スマホの写真設定をフルHD(1980✕1080)にしています。

その写真をそのままブログのアイキャッチ画像に使用しています。

両方とも、16:9で問題ありません。

しかし、TwitterやFacebookのアイキャッチ画像は、1.91:1

横が1980だとすると縦は、1980/1.91=1036

1080より44カットされています。

16:9
Twitter で上下が欠ける

フルHDだと、上下が少しカットされて横長サイズになります。

Twiitterに投稿したら、上の角に文字を置くと映りません。

困ったな~ 

じゃあ、どうすれば良いのか?

考えてみました

スマホ写真サイズ、サイトのアイキャッチは、16:9

これは、一般的で標準のアスペクト比です。

Twitter、Facebook用のために、画像の上と下がカットされるのを前提で画像に文字をいてるようにしよう!

今のところ、これが手間がかからずにベストです。

今後に良い方法が出てくれば、更新します。