TwitterでPCでもスマでも最適な画像サイズがあるんです!

公開日: : 最終更新日:2017/07/06 WEBマーケティング, ソーシャルメディア・SNS, ツール・アプリ・ソフト

20170707B

おはようございます、寒暖の差が落ち着いたと思ったら、一気に蒸し暑さが襲ってきて体調を維持するのに、いっぱいいっぱいのコンノです…
体が酢の物を欲しているのd、毎日もずく酢を食べて夏バテしないように過ごしています(笑)

Twitterを活用されていて、画像付きの投稿をした際に、意図しない画像の見え方になっていることはありませんか?
PCではキレイに表示されているのに、スマホで見ると切り取られて1番魅せたい部分が隠れている、画像が小さいなど…
Twitterは情報が流れていくものなので、画像で魅せたい部分が表示されていないとユーザーの興味を惹くことができなく投稿をスルーされてしまい、もったいないです。
そんなことにならないように、Twitterに画像を投稿するのに最適なサイズがあるので、ご紹介していきます!

目次

  • PC版Twitterの最適な画像サイズ
  • スマホ版Twitterの最適な画像サイズ
  • PC・スマホ共通のTwitter最適な画像サイズ
  • 最後に…

PC版Twitterの最適な画像サイズ

推奨さいている、TwitterのPCでの最適な画像サイズは【2:1】の比率です。
PC版のタイムラインに表示される画像の横幅は506pxなので、
横506px、縦253px
切り取られることなく、画像が劣化することもなく全体が表示される最適なサイズになります。

これ以上縦が大きくなると、上下が切り取られて表示されてしまいます。
縦が大きい画像の場合は、中央に魅せたいものが配置されるようにするようにしてください。

201707066

スマホ版Twitterの最適な画像サイズ

スマホ版の横幅は、約450pxです。
PC版の最適なサイズ、横506px、縦253pxだと、左右が少し切り取られて表示されます。
スマホでの表示比率は、【16:9】になり、PC版の【2:1】より、少しだけ縦が大きく表示されるということになります。

201707054

PC・スマホ共通のTwitter最適な画像サイズ

PC・スマホで最適な共通の画像サイズはないのですが、PC版の最適サイズ、横506px、縦253pxはスマホでも少し左右が切り取られるだけなので、このサイズがPC・スマホ共通でキレイに表示される最適なサイズであるといえると思います。
スマホ版になった時に、左右が少し切れてしまうことを理解して画像を作成、トリミングすれば、重要な部分が欠けて表示されるということはなくなります。

画像投稿時の注意点

Twitterで画像を投稿する際に、注意しておかなければならないことがあります。

  1. 横幅の最大サイズ(推奨)は1024px
  2. 画像容量は最大5MB、GIF画像の場合は3MB
  3. 対応している画像型式は、JPEG、PNG、GIFファイル

スマホで撮影した高画質の画像をそのまま投稿するということがあると思いますが、容量の大きい画像をそのまま投稿すると、自動縮小されて画像が劣化することがあります。
自動縮小されると、画像が何となくぼやけて見える、色が沈んで見えるということが起こる場合があるので、高画質な画像を投稿する際は注意してくださいね。

Twitter・Facebookの投稿時に最適な画像サイズ

弊社のブログ記事のアイキャッチは、Facebook投稿、Twitter投稿を意識したサイズで作成しています。
横600px、縦400px
Facebook、Twitter共に、上下は切り取られて表示されますが、中央に重要な要素を配置しているので、どちらの投稿でも重要な部分は表示されています。
FacebookでもTwitterでも投稿したい方は、このサイズでブログのアイキャッチを作成しておくと便利だと思います。

PCの場合▼
201707061

スマホの場合▼201707062

ブログのアイキャッチに使用している元画像▼

20170226B

最後に…

画像サイズを気にすることなく、Twitterに投稿していたという方は、これからはPC・スマホ共通でキレイに表示されるサイズを意識して投稿してみてくださいね。
せっかく投稿するのですから、ユーザーの目を惹く画像を投稿した方が流し読みされずに目に止まるようになると思います。

The following two tabs change content below.
今野 ちか
株式会社インファクトでWEBサイト・ブログの制作からお客様サポートまで担当しています。どう改善したら伝わりやすいのか、反応が出るのかを常に考えながら仕事に取り組んでいます。WEBサイトだけでなく、紙ものメール設定など、幅広い業務に携わっているので、色んな視点でお客様のお手伝いができると思います。よろしくお願い致します。

記事を気に入ったらシェアをしてね

  • twitter
  • facebook
  • google+
  • このエントリーをはてなブックマークに追加
  • twitter
  • このエントリーをはてなブックマークに追加
  • Pocket
ブログの読者になる
ブログの読者になると新着記事の通知を
メールで受け取ることができます。
読者登録はコチラ

関連記事

「企業のメディア化」商標登録記念|「企業のメディア化」導入企業様の声

岡田 ゆうか 岡田 ゆうか

記事を読む

自撮りの画像を上手に撮る5つのコツ

鵜沼 聡志 鵜沼 聡志

記事を読む

Googleドキュメント|知ってるとすごい便利!グーグル関数

ショウコ ショウコ

記事を読む

販促物を制作する時に気をつけたほうがいい配色のポイント!

インファクト編集部 インファクト編集部

記事を読む

今から始めるGoogleフォトの使い方

だるまさん だるまさん

記事を読む

ブログの読者になる

ブログの読者になると新着記事の通知をメールで受け取ることができます。

読者登録はコチラ

文字サイズの変更

標準 拡大
インファクトベトナム語ブログ
  • infact twitter
  • infact facebook
  • infact google
  • infact youtube
  • feedly
  • rss
WEB集客でリスティング広告の予算ってどのくらいが適正ですか?

インファクトの加藤です。 今回は私がリスティングのお話を

士業のホームページ集客・はじめの一歩【税理士編】

おはようございます。 「企業のメディア化アドバイザー」の篠崎

ブログとホームページを使って集客する方法は?コツと効果について

  こんにちは。WEB集客&メディア化アドバイ

SNSをやれば売り上げがあがりますか!?

企業のメディア化上席講師の岡田です。 今日は、実際に質問に答

Web集客|知っておくと便利Web集客の9種類(メディア編)

こんにちは!今回の記事では、Web集客の種類ってどんな種類があ

ép kiểu