twitterプロフィールのヘッダー画像のサイズがわからず四苦八苦

ブログ運営

こんにちは!わっぺんです。

最近、twitterのヘッダー画像を更新しました!
ただ、こちらを付けるにあたって苦戦したので(勝手に)、己への戒めとして書き残しておこうと思います。

twitterのヘッダーが切れてしまった

今まで何も載せていなかったtwitterのヘッダーに画像を掲載することにしたのですが、いただいた画像をアップしたら、こうなりました。

き、切れちゃってる!

かろうじてペンギンはいるものの、肝心の若葉マークが…。
上下に動かすこともできず、このような形になってしまいました。

これは、twitterのヘッダー画像のサイズの問題でした。調べて分かったのですが、twitterのヘッダーは1500×500pixelと意外と大きなサイズが必要です。
今回は特に高さが足りなかったので、こんなことに…

twitterのヘッダー画像のサイズを事前に調べなかった私がいけなかったのです。
「適当なサイズで画像をもらえばいい感じにトリミングして使えるだろ」位の軽い気持ちでいた自分に言ってやりたい…最初にサイズくらい調べろと(当たり前)。

ごめんなさい、げっそりくん…二度手間にさせちゃって本当に、ごめん…(アイコンやヘッダー作成は”げっそりくん”にお願いしました。その辺りは下記記事をご覧ください)

プロフィール画像のイラスト制作をお願いしたお話
こんにちは!わっぺんです。このサイトの運営者”わっぺん”の自画像(アイコン)として、オープン以来、上記のものをずっと掲げてきました。思えばこいつは「ブログやtwitter始めるのに何もアイコン無いと困るから…」と、ibisPaint...

twitterのヘッダーが見切れないように修正した

ということで、画像を1500×500pixelに修正してもらうことに。げっそりくんは快く引き受けてくれて、すぐ修正してくれました。ありがとう~(泣)

さて、では早速ヘッダー画像を掲載します!

サイズは少し大きめの1500×700pixelで作ってくれたので、調度いい位置に調整します。

そして、更新したものがこちら。


タイムライン左側

自分が見るタイムラインの左側に出ている画像では、しっかり1500×500pixelの画像が表示されています。
タイムライン上でマウスオーバーした時の画像も同様に、全て表示されています。


マウスオーバー時

では、人の目に触れるヘッダーではどうなるでしょうか?


ヘッダー画像

上下が切れてる!

※こちらをクリックすることでも確認できます。

上の氷山のとんがったところと、わっぺんぺんぎん達が載っている氷の下の方が切れているので、およそ1500×350pixelくらいです。
上下の75pixel位ずつが見切れてしまっています

でも、ペンギンも若葉マークもいい感じで収まってくれたので、こちらで一安心です。よかった…。げっそりくん、無事にできたよ!

おわりに

twitterのヘッダーサイズってどこかにヘルプで書いてあったのかな?調べたけど公式の数値など、見つけられなかったんですよね。

今回私が測定したところによると、

アップロードのサイズ:1500×500pixel
ヘッダーで表示されるサイズ:1500×350pixel

というようなサイズになるようです。

みなさんもアップロードする際に準備する画像サイズには注意してくださいね。

コメント

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