Social Media Lab
  • Tel 03-6868-5535
  • 資料請求
  • お問い合わせ

ガイアックスソーシャルメディアラボの記事

SNSマーケティングに関する最新情報をご紹介します

2021.06.01

Twitter投稿に最適な画像サイズとは?PC版・スマホ版では比率が違うので要チェック!

実はTwitterでは、PC版とスマートフォン版のタイムラインで微妙に画像のサイズや見え方が変わってきます。Twitterに画像を投稿するにあたり、PCでもスマートフォンでもタイムラインできれいに画像を表示させるために最適な画像のサイズ・比率をご紹介します。

※更新履歴
2021年6月:最新情報を元に加筆・修正しました。
2020年7月:最新情報を元に内容を修正しました。

    ■目次

  1. Twitter投稿に最適な画像サイズ&アスペクト比【単一画像を投稿する場合】
  2. Twitter投稿に最適な画像サイズ&アスペクト比【複数画像を投稿する場合】
  3. Twitter投稿に最適な動画サイズ
  4. 推奨サイズ&アスペクト比以外で投稿したらどのように表示される?
  5. まとめ

1. Twitter投稿に最適な画像サイズ&アスペクト比【単一画像を投稿する場合】

Twitterの画像投稿に最適と考えられる推奨サイズは、以下です。

  • 横1200ピクセル以上
  • アスペクト比16:9

この画像サイズ、アスペクト比であれば、PC、スマートフォンアプリ、どちらで見た場合もきれいに表示されます。具体的には、1280 x 720ピクセル、1920 x 1080ピクセルなどが、アスペクト比16:9でよく使われるピクセル数です。

▼アスペクト比16:9の画像のPC(ブラウザ)タイムラインでの表示

▼アスペクト比16:9の画像のスマートフォンアプリのタイムラインでの表示

現時点でTwitter公式ヘルプには、ファイルのサイズ・形式を除き、推奨される画像サイズの情報についての記載はありません。そこで、さまざまな画像サイズで実験したところ、PC版においても、スマホ版においても両方でトリミングされることなく表示されるベストなアスペクト比は、16:9でした。

また、Twitter広告の場合の推奨サイズではありますが、横のサイズは600ピクセル以上を推奨、1200ピクセル以上の画像であれば、ユーザーが画像を拡大したときに画像がきめ細かく表示されるとの記載があります。

ですので、横1200ピクセル以上でアスペクト比16:9であれば、投稿時にきれいに表示され、ユーザーが拡大したときにも見やすい画像になるといえます。縦サイズが横よりも大きい場合には、タイムライン上では画像の上下がカットされます。

Twitterヘルプセンターによると、ファイルサイズについて画像は5MB以下、ファイル形式はGIFJPEGPNG形式の画像ファイルを追加できるとあります。BMP、TIFFなどの形式のファイルには対応していません。

なお、上記の画像サイズはあくまでタイムラインできれいに表示されるサイズであり、画像をタップすればこれ以外のサイズの画像でも全体を閲覧可能です。

注意① PCとスマートフォンでの表示の違い、およびアプリ版Twitterの縦長サムネイル表示について

PC版とスマートフォンアプリ版での表示で大きな違いは、対応しているアスペクト比です。

それぞれ、対応しているアスペクト比は以下の通りです。

▼横長画像の場合
PC/ブラウザ 2:1、16:9
アプリ 2:1、3:2、4:3、16:9

▼縦長画像の場合
PC/ブラウザ 非対応
アプリ 3:4

特にアプリは、2021年5月より縦長のサムネイルをタイムラインで表示できるようになり、PC版の画像の見え方とは大きく違います。

このアプリでの表示が変更された当初には、多くのTwitterユーザーが縦長画像を投稿。その流れに乗って企業による縦長画像のツイートもたくさん投稿されました。

https://twitter.com/kingjim/status/1390100286778183682

注意② サムネイルのトリミング箇所について

上記以外のアスペクト比で投稿した画像は、タイムラインでは自動的にトリミングされて表示されます。

基本的には画像の中心部分が表示されるよう、横幅を基準に縦幅は短く表示されることが多いですが、人物の顔やテキストなどの情報が多い部分を中心に表示されるよう、自動調整されることもあります。

ですから、投稿内容によっては注意が必要です。例えば、4コマ漫画などはオチの4コマ目がサムネイルで最初から見えてしまうといったことが起こるからです。

これを防ぐには、画像内の情報の多い場所をどこに持ってくるかを調整する必要があります。自動調整なので、工夫しても完全にコントロールすることはできませんが、テキストの量や文字サイズ、などに気をつけましょう。複数画像を投稿した場合にも同じ現象が起こることがあります。

下の画像のように、縦長の画像のそれぞれ上と下にテキストを配置して投稿しても、タイムライン上ではテキストが中央に近い位置になるように表示されます。

▼縦長画像の上部にテキストを配置した場合

▼縦長画像の下部にテキストを配置した場合

2. Twitter投稿に最適な画像サイズ&アスペクト比【複数画像を投稿する場合】

Twitterでは、1つのツイートに最大で4枚の画像を追加できます。画像の数によってタイムラインでの表示のされ方が異なるため注意が必要です。それぞれの最適な画像サイズについて説明します。

2枚の画像を投稿する場合の推奨サイズ

画像2枚の場合は両方とも縦型に表示されます。タイムラインできれいに表示させるためには、アスペクト比8:9(1200×1350等)、もしくは正方形に近い縦長が最も適したサイズです。

3枚の画像を投稿する場合の推奨サイズ

画像3枚の場合は1枚目が縦長、残りは横長になります。2枚の時と同様、1枚目は8:9で2、3枚目は16:9(1200×675等)の比率がおすすめです。最もユーザーにアピールしたい画像を最初に選択するとよいかもしれません。

4枚の画像を投稿する場合の推奨サイズ

4枚の場合はすべて同じ比率の横長で表示されます。16:9(1200×675等)だと見切れずに表示されますが、タイムライン上ではそれぞれの画像が小さくなってしまうので、文字などを入れる時は大きさに注意しましょう。

3. Twitter投稿に最適な動画サイズ

Twitterのヘルプセンターに明記されている、動画の仕様の条件は以下です。こちらは、動画などのコンテンツを管理するためのMedia Studioライブラリからアップロードできる動画の条件として記載されています。

  • 縦横比:1:2.39~839:1
  • 解像度:32×32~1920×1200、および1200×1900
  • 最大フレームレート:40fps
  • 最大ビットレート:25Mbps
  • ファイル形式:モバイルアプリはMP4MOVブラウザはMP4(H264形式、AACオーディオ)
  • 長さ:2分20秒間以内
  • サイズ:最大512MB

参考:https://help.twitter.com/ja/using-twitter/twitter-videos

ファイル形式は、スマートフォンアプリとブラウザの両方でサポートされているはMP4が推奨されます。

高解像度の動画をアップする場合の注意点

先述の通り、解像度は高低幅広い範囲でサポートされていますが、画素数が高い動画を投稿すると、劣化して見える傾向があります。この主な原因の一つには、画素数の大きい動画が自動的に圧縮されることが挙げられます。

アップロードした動画が劣化して見える場合、あえて画素数を低くすることで圧縮されず、高解像度のものをアップロードするよりきれいに見える可能性があります。サポートされている範囲でできるだけ高解像度を目指すだけでなく、Twitterできれいに見えるサイズを考慮するのが大切です。

4. 推奨サイズ&アスペクト比以外で投稿したらどのように表示される?

以降では、ここまででお伝えした最適な画像サイズ以外で投稿したらどのように表示されるのか、一般的なアスペクト比の画像を投稿してテストした結果をご紹介していきます。投稿内容によっては推奨サイズの画像を使えないケースもあると思いますが、どのように表示されるのかを理解しておくことで、タイムラインでも見やすい画像投稿ができるでしょう。

※横幅を1200ピクセルにして、アスペクト比を変えて実験しています。

アスペクト比2:1の画像の場合

PC版の場合のタイムライン上での画像表示

▼アスペクト比2:1(1200×600)

PC版で対応可能とされている2:1のアスペクト比です。

上記のように、アスペクト比が2:1の画像であれば、四隅が少し丸めに縁取られていることを除けば画質が劣化することなくタイムラインで画像全体が表示されます。

スマートフォンアプリ版の場合のタイムライン上での画像表示

▼アスペクト比2:1(1200×600)

アプリ版でも画像全体が表示されています。アスペクト比16:9よりもさらに横長の画像になるので画像のモチーフを選びますが、横長できれいに表現できる風景写真などをPCとアプリ両方ともフルで表示させたい場合、このアスペクト比もおすすめです。

アスペクト比3:2、4:3(横長)の画像の場合

タイムラインでの表示がサポートされているアスペクト比16:9、2:1以外の横長画像はどのように表示されるのでしょうか。

PC版の場合のタイムライン上での画像表示

▼アスペクト比3:2(1200×800)

一眼レフのカメラでよく使われるアスペクト比3:2では、上下が若干切り取られて表示されています。

▼アスペクト比4:3(1200×900)

4:3もデジカメで多いアスペクト比ですが、より縦幅があるぶん、上下が3:2の場合よりも切り取られて表示されます。

Twitter広告の仕様ではこれらのアスペクト比でも問題なく表示されるはずですが、通常のツイートにおいては上下が切り取られて表示されるようです。

スマートフォンアプリ版の場合のタイムライン上での画像表示

▼アスペクト比3:2(1200×800)

アプリ版ではどうでしょうか?こちらは、トリミングされることなく全体が表示されています。

▼アスペクト比4:3(1200×900)

こちらも、フルで表示されています。ターゲットユーザーのPCからの閲覧がほとんど想定されないアカウントであれば、3:2と4:3の画像でも問題なく活用できそうです。

アスペクト比1:1(正方形)の画像の場合

Instagramなどで一般的な正方形画像の場合はどうでしょう。

PC版の場合のタイムライン上での画像表示

▼アスペクト比1:1(1200×1200)

正方形の場合も、上下が表示されていません。

スマートフォンアプリ版の場合のタイムライン上での画像表示

▼アスペクト比1:1(1200×1200)

アプリの場合は、四方がきれいに表示されました。

アスペクト比1:2、3:4、2:3、9:16(縦長)の画像の場合

スマートフォン画面の占有率を高めるのに有効な縦長の画像クリエイティブはInstagramのストーリーなどで活用する機会が増えています。こちらもTwitterタイムラインでの表示のされ方を確認していきましょう。

PC版の場合のタイムライン上での画像表示

▼アスペクト比1:2(1200×2400)

タイムラインでの縦長の画像の表示ができるようになったのはアプリのみのため、PCではご覧のように画像の一部しか表示されていません。投稿をクリックすると、画像をフルサイズで見ることができます。

▼アスペクト比3:4(1200×1600)

同じく、上下がトリミングされて中心部分だけが表示されます。

▼アスペクト比2:3(1200×1800)

こちらも同様に、中央のテキスト部分のみ表示されています。

▼アスペクト比9:16(1200×2133)

スマホ画面に多い9:16の比率ですが、やはりPCでは上下は表示されていません。

スマートフォンアプリ版の場合のタイムライン上での画像表示

▼アスペクト比1:2(1200×2400)

縦長の画像に対応できるようになったアプリ版ですが、この比率では上下がトリミングされています。

▼アスペクト比3:4(1200×1600)

こちらは、上下がきれいに収まって全体が表示されました。タイムラインでフルに画像を見せたい場合はこのサイズがおすすめです。

▼アスペクト比2:3(1200×1800)

上下がトリミングされ、フルに表示はされませんでした。

▼アスペクト比9:16(1200×2133)

こちらも上下が切り取られて表示されます。

Twitterタイムラインでの画像の表示のされ方まとめ

様々なサイズ(アスペクト比)の画像を投稿してみた結果のまとめは以下です。

  • PC(ブラウザ)版のタイムラインでは、アスペクト比は2:1か16:9で、それ以外の比率の場合は横幅を基準に余った縦幅がカットされる。
  • アプリ版のタイムラインでは、横長画像はアスペクト比2:1か16:9縦長画像は3:4、加えて正方形の画像も切れることなく表示される

ターゲットにもよりますが、基本的にはスマートフォンアプリ経由での閲覧が多いはず。PCのタイムラインでの表示を気にしなければ、縦長も横長も正方形も、比較的さまざまなアスペクト比の画像を活用できそうです。

5. まとめ

画像と動画それぞれの最適なサイズは、以下の通りです。

Twitter投稿における推奨画像サイズ

  • アスペクト比:16:9
  • 画素数:1200×675、1280 x 720、1920 x 1080 など

Twitter投稿における推奨動画サイズ

  • アスペクト比: 1:2.39~39:1
  • 画素数: 32×32~1920×1200、および1200×1920

Twitterは、PC版とスマホ版のタイムラインできれいに表示される画像のサイズ・比率が異なり、また画像の比率によって縮小して画像の全体を表示する、といったことまでは対応していません。

こういった仕様を理解した上で、画像のサイズやデザインに配慮することで、より魅力的な投稿を作成できるでしょう。

Twitter活用なら、ガイアックスにお任せください!

■SNS運用代行サービス
■SNS運用コンサルティングサービス

この記事に関するキーワード
お役立ち資料ダウンロード

関連記事

5月の主要SNSニュースまとめ! アプデラッシュのInstagram。リールとライブ配信のインサイトが追加、「コラボ」機能が日本限定でテスト開始ほか。

2021年6月更新! 12のソーシャルメディア最新動向データまとめ

Twitter投稿に最適な画像サイズとは?PC版・スマホ版では比率が違うので要チェック!