ブログ歴半年以内の方におすすめの記事 ≫≫

Twitterの全画像サイズ・比率まとめ【表示可能領域も解説します】

スポンサーリンク
IT
この記事は約6分で読めます。
Twitterでツイートしたあとに画像を見ると表示領域がおかしい…
ヘッダー画像を設定したらなんだか端が切れてる…

Twitter画像の問題ってけっこう多いと思います。

というのも僕がそうだったし、色々とツイートを見てると画像が切れて伝えたいことがうまく伝えられてないツイートが多かったです。

ヘッダー画像もそう。サイズが合わないから無理やり引き延ばしたり、画像の一部が欠けてたりかなり勿体ないです。

ただのつぶやきツイート”なら気にしなくてもいいですが、Twitterで集客をしたりビジネス運用に使うならしっかり作り込む必要があります。

おすん
おすん

それだけで集客率が格段にアップしますからね!

 

この記事でわかること

  • ヘッダー画像サイズと表示可能領域
  • プロフィールアイコンサイズ
  • ツイート投稿用画像サイズと比率
  • ヘッダー画像作成依頼

 

下記より好きな部分飛べます。

 

ココナラで画像作成承ります:https://coconala.com/services/856919

今だけ!期間限定特別価格!ヘッダー画像を作成します 修正・サイズ制限なし!必ず満足いただけるWEB画像を納品!|バナー・ヘッダー作成 | ココナラ
※実績数10件までの期間限定特別価格です! ココナラに登録して間もないので、低価格での出品になります。作成をご検討中の方はお早めにご相談ください。 ブログやホ...
スポンサーリンク

Twitterヘッダー画像サイズ|横1500px×縦500px

Twitterのヘッダー画像サイズは以下の通り。

【ヘッダー画像のサイズ・ファイル容量・ファイル形式】

  • 推奨サイズ:1500ピクセル × 500ピクセル
  • ファイルサイズ:最大で10MB
  • ファイル形式:JPEG・PNG

Twitter用のヘッダー画像サイズは

横1500px × 縦500px』です。

表示可能領域は

横1500px × 縦380px』です。

比率は

3:1』になります。

上下が表示されなくなる可能性があるので、表示させたい部分を380pxに抑えると問題なく表示されます。

ちなみに僕がTwitterで設定してる下記のヘッダーも

横1500px × 縦500px』で、表示させたい部分を380pxに抑えてます。

このヘッダーの場合はスマホで見たときに、スマホ画面上部にある『電波マーク』や『時間のマーク』に被らないように少し下に寄せてます。

もうひとつ注意する点が『左下の丸アイコンが被る部分』。

この部分に文字が重なると丸アイコンで文字などが見えなくなるので注意が必要です。

スポンサーリンク

Twitterプロフィールアイコンサイズ|400px×400px

Twitterのプロフィールアイコンサイズは以下の通り。

【アイコン画像のサイズ・ファイル容量・ファイル形式】

  • 推奨サイズ:400ピクセル × 400ピクセル
  • ファイルサイズ:最大で10MB
  • ファイル形式:JPEG・PNG

Twitter用のアイコン画像サイズは

横400px × 縦400px』です。

表示可能領域は

同じく『横400px × 縦400px』です。※1

比率は

1:1』になります。

※1 プロフィールアイコンは四隅が少し欠けるので注意が必要です。

スポンサーリンク

ツイート投稿用サイズ|400px×225px

ツイッター投稿用画像の最適なサイズは

横400px × 縦225px』です。

比率は

16:9』になります。

下記のツイート画像も『横400px × 縦225px』です。

おすん
おすん

ツイート用の画像はけっこう横長なんです!

iPhoneであれば写真内にある編集からリサイズすることができますよ。

下記ツイートも『16:9』にリサイズしてツイートしてます。

 

以下でやり方を説明します。

iPhoneでのリサイズ方法

① iPhoneの『写真フォルダ』内からリサイズしたい画像を選択

② 右上の『編集』をタップ

 

 

③ 左下にある『矢印と四角のマーク』をタップ

 

 

④ 右下の『四角が重なったマーク』をタップ

 

 

⑤ リサイズする数値が出てくるので『16:9』をタップ

 

 

⑥ 右下の『 ✔ 』をタップしてリサイズ完了

 

 

これでTwitterで投稿ツイート用の画像サイズが最適化されたので、画像が切れることもなく投稿できます。

スポンサーリンク

かんたんに画像作成ができるアプリ

画像デザインを細かくこだわる必要がなければ、CanvaやPhontoなどのアプリで簡単に作成が可能です。

Canvaのインストールはこちら

Canva: ポスター, フライヤー, ロゴメーカー

Canva: ポスター, フライヤー, ロゴメーカー
開発元:Canva
無料
posted withアプリーチ

Phontoのインストールはこちら

Phonto 写真文字入れ

Phonto 写真文字入れ
開発元:youthhr
無料
posted withアプリーチ

そのほかにも【 無料で使える画像作成・加工アプリまとめ 】におすすめのアプリを色々紹介してるので是非参考にしてみてください。

【2019】ブログで絶対使える!無料おすすめ画像作成・加工アプリ【iOS・iPhone】
スポンサーリンク

まとめ:画像は真っ先に見る部分なのでしっかりと作り込む必要がある

この記事でのまとめです。

せっかく良いツイート文を作ったのに画像がうまく表示されないともったいないですよね。

ヘッダー画像もしかりで、ユーザーがTwitterで見る流れは、

  1. TL(タイムライン)で流れてきたツイート
  2. アイコン
  3. ヘッダー
  4. プロフィール
  5. 固定ツイート
  6. 過去ツイート

となります。

特に文章よりもまずは画像を見るので、この画像をしっかり作り込む必要があります。

ヘッダー画像作成のご依頼も受付中

 

ヘッダーなどの画像を作成してますので、是非ご相談下さい。

 

ココナラにまだ登録してない方は、こちらから登録していただくと初回のみ300ポイント(300円相当)がもらえます。

招待コード:70g43v

現在、ヘッダー作成を3000円で承ってますが、-300円の2700円で作成することが可能です。

ぜひ利用して少しでも安くご依頼ください。

ポチッとクリック!

おすん
おすん

更新情報やブログには書かないこともツイッターで発信してます。よかったら覗いていただき親指が空いてたらいいねもください。

おすん( @osunnotsubuyaki

コメント

タイトルとURLをコピーしました