この記事では、Twitterで使われる全画像サイズとアスペクト比、リサイズ方法を画像付きで分かりやすく解説します。
僕自身、グラフィックデザイナーとして10年以上の経歴があり、普段からTwitterやバナーなどのWeb画像を作ってます。
Twitterでツイートしたあとに画像を見ると表示部分がおかしい…
ヘッダー画像を設定したらなんだか端が切れてる…
このようなTwitter画像の悩みを抱えるユーザーってけっこう多いと思います。
というのも僕がそうだったし色々なツイートを分析したところ、
下記のような「画像がうまく表示させられない」ってツイートが多かったです。
ただ日常をつぶやくだけの個人的なツイートなら気にしなくてもいいですが、Twitterで集客したりビジネスでの運用目的なら、最適な画像サイズにしてツイートやプロフィール部分のクオリティを高める必要があります！
それだけで集客率が格段にアップしますからね！
手っ取り早くTwitterの画像サイズやリサイズ方法が知りたい方はこちら
ヘッダー画像を自分で作成したい…
そんな方は、無料で使えるヘッダー画像作成用テンプレートを STORES から無料でダウンロードできます。
作成した画像もそのまま販売可能ですよ！
メールアドレスとパスワードを決めるだけなので10秒で登録完了します！
ヘッダーを見切れないようにうまく作りたい方は…
Twitterのヘッダーを作成する方法【無料テンプレートあり】を参考にしてみてください。
Twitter画像サイズをまとめてみたい！
Twitter縦長ツイート投稿画像サイズ｜960×1280px（3：4）
米Twitter社が現地時間の2021年5月5日に投稿したツイート画像が、タイムライン上で縦長サムネイルに対応したと発表しました。
下記よりTwitterの画像サイズを解説していきます。
Twitterで縦長画像をツイート投稿する推奨サイズ
アスペクト比は「3：4」の縦長サイズがおすすめ！
画素数は「960px × 1280px」がおすすめ！
Twitterヘッダー画像サイズ｜1500×500px（3：1）
| 内容 | サイズ・形式 |
|---|---|
| 画像サイズ | 1500px × 500px（横×縦） |
| 表示可能領域 | 1500px × 440px（横×縦） |
| 画像の比率 | 3：1（横×縦） |
| ファイルサイズ | 最大で10MBまで |
| 画像ファイル形式 | JPG・PNG |
上のアイコン部分（電波や電池アイコン）は画像と重なって見にくくなるので、表示させたい部分を下から440pxの位置までに抑えると問題なく表示されます。（画像の一番上から60pxまではアイコンで見えづらくなります）
ちなみに僕がTwitterで設定しているヘッダーも
『横1500px × 縦500px』で、表示させたい部分を下から440pxに抑えてます。
現在は下記の新しいデザインに変更してます。
Twitterアカウント（@osunnotsubuyaki）で実際にヘッダーの配置確認ができます。
僕が作成して設定してるヘッダーの場合はスマホで見たときに、スマホ画面上部にある『電波アイコン』や『時計表示』に被らないように少し下に寄せてます。
もうひとつ注意する点が左下のプロフィールアイコン部分。
この部分に文字が重なると丸アイコンで文字などが見えなくなるので注意が必要です。
ヘッダー画像を自分で作成してみたいなぁ…
そんな方は、無料で使えるヘッダー画像作成用テンプレートを STORES から無料でダウンロードできます。
作成した画像もそのまま販売可能ですよ！
無料登録が必要ですが、メールアドレスとパスワードを決めるだけなので10秒で登録が完了します！
Twitterヘッダー画像作成用テンプレート（無料）
表示されない領域を避けるためにテンプレート用画像を作成したので、画像作成アプリの『Canva』や『Illustrator』などでヘッダー画像を作るときにお使いください。
無料でダウンロード可能なテンプレート画像はこの記事の随所にリンクがあります。
こちらの→ 今すぐSTORESを見てみる からもダウンロード可能です！
Canvaでテンプレートを使う方法は、テンプレート画像を最初に配置して、その上に置きたい素材やテキストなどを配置すればアイコンに被らないようにヘッダーが作成できます。
端末によっては表示領域が違う場合があるので参考までにお願いします。
Canvaで画像をアップロードする方法はこちらのYouTube動画を参考にしてみてください。
「自分でいい感じのヘッダーが作れない方はココナラでご相談に乗りますのでお気軽にお問い合わせください。
OsunDesignで出品してます！
Twitterプロフィールアイコンサイズ｜400×400px（1：1）
| 内容 | サイズ・形式 |
|---|---|
| 画像サイズ（推奨） | 400px × 400px |
| ファイルサイズ | 最大で10MBまで |
| 画像ファイル形式 | JPG・PNG |
Twitter用のアイコン画像サイズは
『横400px × 縦400px』です。
表示可能領域は
同じく『横400px × 縦400px』です。※1
比率は
『1：1』になります。
※1 プロフィールアイコンは四隅が切り取られるので注意が必要です。
Twitterアイコン画像のサイズが400×400px以上だとリサイズされてしまいます！
その時にPNGの透過部分（丸枠以外の透明になる部分）が無効になるので注意！
ツイート投稿画像サイズ｜1600×900px（16：9）
| 内容 | サイズ・形式 |
|---|---|
| 横幅の最大値 | 1024px |
| ファイルサイズ | 最大で5MBまで、GIF画像は3MBまで |
| 画像ファイル形式 | JPG・PNG・GIF |
横長ツイート投稿の最適な画像サイズは
横1600×900pxです。
比率は
16：9です。
ちなみにツイート投稿画像をキレイに4枚表示させる方法は16：9で投稿すればOK！
下記は4枚の画像を『16：9』で投稿したツイートです。
それ以外の画像枚数でツイートしたい場合は、下記ツイートを参考にしてみてください！
https://twitter.com/osunnotsubuyaki/status/1408352766981021701?s=21
ツイートの画像はこちら↓
ツイート画像を高画質で投稿したい場合は、画像をほぼ劣化（圧縮）させずに高画質でツイートする方法の記事を参考にしてみてください。
2022年4月22日からAndroid版とiOS版アプリから4K画像のアップロードが可能になったとTwitterが発表しました。
詳しくは ツイート画像を4K（3840×2160px）高画質で投稿する方法 を参考にしてみてください！
参考までに下記ツイートの画像は4K画質です！
ツイート画像を加工するおすすめツール
アスペクト比計算ツール
お持ちの画像が16：9になるとどう表示されるかアスペクト比計算ツールで確認できます。
画像赤枠に数字を入れるか、お持ちの画像を添付することで簡単にアスペクト比がわかります。
ILOVE IMG
実際に16：9に切り取り加工をしたい場合はILOVE IMGの画像変更ツールで縦横比を維持したまま切り取り加工ができます。
この比率さえ守っていれば切り取られずに表示されますが、スマホの横幅（大体が1080px）以下の横幅だと画像が荒くなります。
例えば16：9の『横400px × 縦225px』でも表示自体は問題ないですが、少し画像が粗くなります。
下記のツイート画像は『横400px × 縦225px』です。
ツイートを見てもらえるとわかりますが、若干画質が粗いです。
こちらは『横800px × 縦450px』です。
こちらは『横1024px × 縦576px』です。
iPhoneでも画像のリサイズをすることができます。
下記ツイートもiPhoneで『16：9』にリサイズしてます。
下記のツイートは506×253pxの2：1の画像。
解像度は低いですが、画像中央に表示したい素材を寄せればサイズはあまり気にしなくて大丈夫です。
以下でiPhoneでのリサイズ方法とTwitterアプリ内でのリサイズ方法を画像付きで説明します。
ツイート画像をiPhoneでリサイズする方法
① iPhoneの【写真フォルダ】内からリサイズしたい画像を選択して右上の【編集】をタップ
② 左下にある【矢印と四角のマーク】をタップ
③ 右下の【四角が重なったマーク】をタップ
④ リサイズする比率が出てくるので【16：9】をタップ
⑤ 右下のチェック【 ✔ 】をタップしてリサイズ完了！
これでTwitterで投稿ツイート用の画像サイズが最適化されたので、画像が切れることもなく投稿できます。
次にTwitterアプリ内でのリサイズ方法を説明します。
ツイート画像をTwitterアプリ内でリサイズする方法
① ツイートしたい画像を選んで画像右下の「筆アイコン」をタップ。
② 画面右下の【リサイズ】を選択
③ 画面下にある【ワイド（横長の四角）】を選択
（デフォルトではオリジナルのままになっています）
| メニュー名 | 比率 |
|---|---|
| オリジナル | 任意の画像比率 |
| ワイド | 横16：縦9 |
| スクエア | 横1：縦1 |
④ 切り取られる範囲が指定されるので画面右上の【適用】をクリックしたあと、同じく画面右上の【保存】をクリック。
⑤ すると画像では分かりづらいですが少し横長にリサイズされてます。
あとはツイートするテキストを入力してツイートするだけ。
TL（タイムライン）で見てもちゃんと表示されています。
ツイート用の画像はiPhone内でもTwitterアプリ内でも簡単に作ることができます。
ツイート用画像はJPGではなくPNG形式にしないと画像が劣化する
Twitterは画像の劣化に関して2019年12月11日に仕様を変更しました。
詳しくはツイート画像をほぼ圧縮させずに高画質で投稿する方法を参考にしてみてください。
まとめ：Twitter画像の適正サイズを理解して正しく表示させよう
Twitterの画像サイズを理解して、綺麗に見せたいイラストや図解などの画像をうまく表示させましょう！
作成したヘッダーを販売したいならSTORESがおすすめ！
自分で作った画像を売る方法です！
STORES ではサムネイルやバナー、ヘッダーなどの画像を販売することができます。
STORES であなたが作成したオリジナルのチャンネルアートも好きな価格で販売することができます！
販売価格もさまざまですが、出品されてるサービスを見ると相場は3,000円〜6,000円ぐらいですね。
下記のボタンからカンタンに無料販売できますよ！
無料登録が必要ですが、メールアドレスとパスワードを決めるだけなので10秒で登録が完了します！
STORESで販売するまでの流れはこんな感じ！
- アイテムの登録をする
- ストアの設定をする
- 販売して完了
STORESの販売までの流れはカンタンなので、試しに一度出品してみてはいかがですか！
テンプレート画像は、STORES から無料でダウンロードが可能です！
無料登録が必要ですが、メールアドレスとパスワードを決めるだけなので10秒で登録が完了します！
