Twitter プロフィール ヘッダー ツイート 画像の推奨サイズ

Twitterを始めるにあたって、プロフィール画像は正方形の画像をアップロードしたら自動で丸く切り抜かれてきれいに表示されましたが、ヘッダー画像はカットされてしまったので、 Twitterヘルプセンターで、プロフィール画像やヘッダー画像、ツイートに使える画像の種類や推奨サイズについて確認しました。

Twitterのプロフィール画像のサイズ

Twitterヘルプセンター　＞　「プロフィール画像のアップロードについてのヘルプ」

• ファイル形式：JPEG、GIF、PNG
• 画像の最大ファイルサイズ：2MB
• プロフィール画像の推奨サイズ：400×400ピクセル
• ヘッダー画像の推奨サイズ：1500×500ピクセル

私のアップロードしたのは680×680ピクセルのPNGファイルでしたが、自動で縮小してくれました。サイト再開にあたり、illustratorでファビコン用に作ったシンプルなもので、データ量が少ないので問題なかったのでしょう。

Twitterのツイート画像のサイズ

Twitterヘルプセンター　＞　「 画像やGIF画像付きでツイートする方法 」

ヘルプセンターのどこを捜しても縦横の推奨サイズ は見つかりませんでした。
スマートフォンの画面の一般的なサイズ16：9か、インスタもに合わせて１：１も良い気がします。

• 画像は5MBまで
• GIF、JPEG、PNG形式の画像ファイルを追加できます
• BMP、TIFFなどの形式の画像ファイルは追加できません

おまけ

Facebookのカバー写真

• 851 x 315ピクセル
• JPEGファイル

Twitterのタイムラインを埋めこむ

1. https://publish.twitter.com/?but&buttonLarge=on フォームに埋め込みたいアカウントのURLを入力
2. 「Embedded Timeline」と「Twitter Buttons」の2つから「Embedded Timeline」を選択
3. →を押すと、コードが表示されるので、ウイジェットや本文の希望の場所にコピペするだけでタイムラインを埋め込めます。
4. 長すぎるので、コードに長さのCSSを追加して、サイズを制限します。下の例は横幅は100％、縦は800ピクセルに制限しました。スクロールバーが表示されます。

<a class="twitter-timeline" data-width="100％" data-height="800" 以下省略

長さの代わりに、ツイートの数で制限することも可能です。5件に制限する例

<a class="twitter-timeline" data-tweet-limit="5" 以下省