Twitterに図解投稿するときの最適な画像サイズは?

文野くん
文野くん

せっかく作ったのに見切れちゃってるじゃんかぁぁ!!

美図紀さん
美図紀さん

どうしたの?そんなに騒いで

文野くん
文野くん

Twitterで図解投稿してみたんだけど、タイムラインで見ると見切れてるんだよ。

美図紀さん
美図紀さん

そうだったのね。ずばり、それ画像サイズが適切じゃないからよ!

頑張って作った図解/画像なのに、見切れていたらテンション下がりますよね。

タイムラインで見栄えも悪くなりますし、見てもらえる可能性も下がるでしょう。

Twitterにはタイムラインで見切れない適切なサイズがあります。

Twitter投稿でおすすめの画像サイズ

Twitterに投稿する図解画像のおすすめサイズ(投稿枚数ごとの組み合わせ)
アスペクト比参考サイズ(横×縦)
3:41200 × 1600 px
7:8945 × 1080 px
16:91920 × 1080 px
美図紀さん
美図紀さん

タイムラインで見切れないサイズは投稿枚数によって違うから、使い分けるといいよ。

文野くん
文野くん

へぇ~、この比率で投稿するとタイムラインで見切れないんだ!

美図紀さん
美図紀さん

ちなみに、1枚投稿はタイムラインで大きく表示されて目立つの。

2021年5月のTwitterアップデートで縦長画像も見切れずに表示されるようになりました。

その後、11月にはスマホだけでなくブラウザ版(PC版)でも上記のような画像表示に対応するようになりました。

画像に入れる情報量にもよりますが、1枚投稿の場合は3:4が大きく表示される&見切れないのでオススメです。それ以上長いサイズになると見切れてしまいます。

情報量が多く1枚に収まらない場合は、2枚~4枚用のサイズで投稿しましょう。

Twitterのヘッダー用画像のサイズ

文野くん
文野くん

ちなみに、ヘッダーのおすすめサイズもある?

美図紀さん
美図紀さん

Twitter用ヘッダーは1500×500pxが綺麗に表示されるよ!

文野くん
文野くん

そうなんだ!今度、自分で作ってみるかなぁ

美図紀さん
美図紀さん

作るときにはアイコンとかと重なる部分が上下にあるから気を付けてね。

Twitterのヘッダー画像サイズと隠れる箇所

スマホ表示では60pxほど時刻や電波アイコンなどと重なるので、デザインには注意です。また、iPhoneですとカメラ/スピーカーとも重なります。

左下のアイコンとも重なる部分もあり、スマホ表示だと円の3分の1、PC表示だと半円くらいが重なります。

よって、見せたいテキストやデザインは1500 × 440px以内の中央~右に載せましょう。

Twitterのアイコンサイズはどのくらい?

文野くん
文野くん

ついでのついでに、アイコンサイズも聞きたいな♪

美図紀さん
美図紀さん

えっとね、Twitter公式では400 × 400 pxを推奨しているわね。

文野くん
文野くん

へぇ~、意外と小さいんだな。

美図紀さん
美図紀さん

そうね。でも、正方形であれば400 × 400 pxより少し大きくても自動でリサイズされるからあまり気にしなくていいとも思うよ。

美図紀さん
美図紀さん

もし、長方形の画像を使いたい場合は正方形にトリミングが必要だから注意が必要ね。

Twitterのアイコン画像の大きさ

400 × 400より小さいと拡大されてぼやけてしまいますが、多少大きい分には問題ないと思われます。

私のTwitterアカウントに設定した元画像は800 × 800 pxですが、綺麗に表示されていることを確認しております。

エンディング

文野くん
文野くん

美図紀さん、ありがとう!!これで楽しく図解投稿できそうだよ。

美図紀さん
美図紀さん

どういたしまして、お役に立てて嬉しいわ。また何かわからないことがあったら聞いてね。

文野くん
文野くん

うん!また相談するね。

美図紀さん
美図紀さん

今回のまとめ!画像が見切れてしまうのは、画像サイズが合っていないから。投稿する枚数に合わせて、「3:4」「7:8」「16:9」の画像に作り分けましょう!

美図紀さん
美図紀さん

ちなみに、Twitterは主にスマートフォンで見られるから「3:4」の縦長画像が一番目立ちます。