Twitterの画像プレビューでいい感じに収めるサイズのルール

Twitterで投稿した画像のプレビューサイズはPC版公式サイトだと16:9なのに、
2:1の比率で表示されるところがあるよ。

  • スマートフォン版
  • TweetDeck
  • Summary with Large Imageカード

large

作り分けるのめんどくさい場合に画像1枚で済まそうとするなら、
16:9の中に2:1が収まる様に作ればおk。

横幅1としたら2:1は*0.5、16:9は*0.5625

この比率から外れる場合は、画像中央が切り取られてサムネイル化されるので
それを見越して画像を作っておけば拡大にも耐えられる画像ができる。

large2

上の画像をつぶやきで投稿すると、ドットの部分が切り取られた状態でプレビューが作成される。
PC版の公式で見た時やツイートを埋め込んだ場合は、横幅基準で縮小されたものが表示される。

Tweet

Card

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください