TwitterのアイコンにJPGを使うとボケる！アイコンの仕様やコネタなど

追記

2010年8月末に仕様が変更されました。一部内容に変化が……というか具体的に言うとgifアニメとgif画像の扱いが変わりました。また表題の点についても改善されています。末尾に追記があります。


Twitterではユーザーアカウントに英数字が使われていますが、そうした文字列だけではなかなか個人を認識しにくいですよね。ブログやサイトであれば、ページデザインやレイアウトなどで特徴をつけられますが、140字しか投稿できないサービスであるためにそれぞれの投稿で、個性を印象つけるのは難しいです。
そうしたサービス上の特性から、Twitterではアイコン画像のイメージが、ユーザーの特徴を示す大きな要素になっています。


で、


そのユーザーアイコン画像なんですが、色々と独特の仕組みがあったりするので、アイコン周りの情報を備忘録としてまとめてみました。

はじめに

Twitterには、他のウェブサービスには無い独特の言葉があります。そうした用語については、以前まとめたのでそちらを参考にしてください。
screenshot
超初心者向けのすげー基本的なTwitter用語集 - 聴く耳を持たない(片方しか)


あとこちらはツイートの各要素などの見方をまとめたもの。

【ツイッター初心者向け】ツイートの見方と情報の意味を解説するよ


というところが前置きで、ここからが本題。

Twitterに登録できる画像の種類とファイルサイズ

対応している画像形式は、GIF、JPEG、PNG。ファイルサイズの上限は700KB以下。

Twitterで使用されているアイコンのサイズ

Twitterで使われているアイコンは様々なサイズで表示されています。

タイムラインでは48x48ピクセル

サイドバーは31x31ピクセル

フォロー中の一覧は24x24ピクセル

ユーザーページは73x73ピクセル


あとさらに大きな画像もあったりします。
http://twitter.com/account/profile_image/ユーザーID
この形式で（登録した画像にもよりますが）大きな画像を見れます。


色々なサイズがありますが、よく使われるのは48x48ピクセルなのでその大きさに揃えた方がいいでしょう。


画像の抽出の仕方

最初から48x48ピクセルの画像を投稿すればいいのですが、正方形の大きなサイズの画像をアップロードした場合、アイコンはそのままの構図で縮小されて使われます。

投稿前 投稿後
140x140ピクセル 48x48ピクセル

こんな感じになりますね。


では、正方形ではなく長方形で投稿した場合はどのようになるでしょうか？

投稿前 投稿後
48x156ピクセル 48x48ピクセル

例えばこのような画像をアップロードすると、切り取られてしまいます。

つまりTwitterでは、正方形ではない場合には画像中央を切り取って使う仕様になっているわけです。ちょっとややこしいので、最初から正方形でアップロードした方がいいですね。



JPEGの場合はモスキートノイズが酷くなる……ので（※追記あり）

この内容は2010年8月末の仕様変更で変わりました、詳しくは末尾の追記で。


表題の件。
TwitterにJPEG画像をアップロードすると、圧縮されてしまうので注意が必要です。
例えばこの画像をアップロードしてみます
投稿前 投稿後
48x48ピクセル 48x48ピクセル
2.84KB 1.65KB

するとどうなるか？分かりやすいよう、5倍に拡大してみました。

投稿前 投稿後

アップロード後にJPEGが圧縮されて、「モスキートノイズ」と呼ばれる、JPEG画像独特の細かいノイズが酷くなっていますね。

圧縮される代わり、ファイルサイズが小さくなるのがメリットではあるんですが、ベタ塗りのようなイラストだとノイズが特に目立ってしまいます。また写真でもモチーフによっては汚くなってしまいますね。
なのでこれを避けるためには、PNG形式で投稿するといいでしょう。


まー、正直なところすげー細かいことなんですが、個人的には気になるので。*1 *2



GIFアニメ画像は使えなくなった？（※追記あり）

この内容は2010年8月末の仕様変更で変わりました、詳しくは末尾の追記で。


2010年7月下旬ごろに仕様が変わり、2010年8月現在GIFアニメ画像をユーザーアイコンに設定できなくなりました。
以前は拡張子を変更したり、バイナリエディタで変更するなどの回避策があったのですが、そのどちらも受けつけなくなっています。ただそれ以前に登録した既存のGIFアニメアイコンはそのまま使えますが、新たに登録できないため注意が必要ですね。
新しい回避策は、私が調べた限りではまだ無いようです。
（もしありましたら、ご教授ください）



GIF/PNG画像での透過設定も反映されなくなった（※追記あり）

この内容もgifアニメ画像と同様、2010年8月末の仕様変更で変わりました、詳しくは末尾の追記で。


GIFアニメ画像が登録できなくなった時期に、GIF/PNGでの透過設定も反映されなくなってしまいました。
背景色なし#dddddd#bbbbbb#999999#777777

透過っていうのは、例えばこういうものですね。画像自体はいずれも同じなんですが、背景色を透過するので様々な場面で使いやすくなるわけです。
GIFアニメ画像に対策されるのは、ファイルサイズ・転送量の軽減、また動くアイコンは目障りで不評だったりもしたので、それらへの対策は仕方ないとも思うんですが、透過されないのは困るなー、というのが正直なところ。
透過画像くらいは登録できるようになって欲しいんですけれども。



ファイル名が反映される

細かいネタなんですが、例えば

furukawa-rikuo.png

というファイル名で画像を作っていたとします、これをアイコンとしてアップロードすると

http://a0.twimg.com/profile_images/1098219496/furukawa-rikuo_normal.png

こうしたURLになります。
元のファイル名がそのまま使われているんですね。なので、うっかりファイル名に本名を使っていたりすると、とそこからバレる可能性があるので注意が必要です。
……まぁ、あんまり無いとは思うんですが。



アイコンが変更された場合

Twitterのアイコンをブログに張る場合、そのままのURLを使っていると後日アイコンを変更されてしまうとリンク切れをおこしてしまうケースがままあります。
なので、外部サービスですがこうしたサービスを使うと最新のアイコンを示してくれるので便利です。。

特に使いやすいのは http://tweetimag.es/ でしょうか。

<img src="http://img.tweetimag.es/i/ユーザー名_サイズ" alt="" />

と書けば

<img src="http://img.tweetimag.es/i/rikuo_n" alt="" />

となります。






とりあえず、Twitterのユーザーアイコンの仕様などについてはこのくらいで。
以下は、個人的な考え。

初心者はまずアイコンを変更しよう！

Twitterには初期設定のアイコンが用意されていますが

このままで利用し始めても、なかなかフォロー返しされないんですよね。冒頭でも描いた通り、Twitterでその人を印象付ける要素はそれほど多くないため、アイコンのイメージが強いです。
その部分を初期設定アイコンのままだと、始めたばっかりでまだ使い慣れていない印象を受けます。それだけならまだいいんですが、botっぽい、またはスパムアカウントっぽいとも思ってしまいます（少なくとも私は）。なので、初心者がまずやることはアイコンを変更することですね。そうすると、フォローもされやすいのではないでしょうか。

アイコンを作るには？

絵を描ける人ならばアイコンを作るのは簡単ですが、そうでない人も多いでしょう。
screenshot
Twitterのアイコンにいかが？無料のプロフ画像作成ツールを集めてみた - はてなニュース
アイコンを簡単に作れるサービスもいくつかあるので、そちらを使うという手がありますね。


これはTwitterだけに限りませんが、ユーザーアイコンはその人を示す大きな要素です。
このはてなでも、ユーザー名を憶えていないけれど、アイコンを見れば誰か分かる……ということも多いと思います。視覚的な印象は文字列・名前よりも記憶に残りやすく、それだけに重要なポイントになります。
アイコンに何を使うか？自分の写真か、イラストか、ペットの写真か。自分の写真でも子供の頃がいいか、笑った写真が良いか、真面目なものがいいか、などなどチョイスは悩ましく難しいところもありますが、いずれにせよ一度決めたらなるべく変更せずに長く使うのがいいんじゃないか、……と考えています。
単純な記号や文字であっても、長くアイコンとして使うことで「○○の人」として認知され、憶えやすくなるでしょう。またオフ会で、アイコンを名札に使うケースが多いわけですが、そうした際もアイコンを憶えてもらっていれば、話をしやすいのではないでしょうか。
Twitterでは、季節によってサンタ帽子を被ったり、といったアイコンを弄る流行が起きたりしますが、その際もモチーフを崩さずに変更する、などすることで印象を強くできるのではないか、と個人的には考えています。



じゃあ、お前のアイコンはどうしているの？

……と、考えているものの、私自身は「一度決めたらなるべく変更せずに長く使う」どころか、毎日変更しています。
真逆じゃん。


いやおそらく、多くの人がアイコンを安易に変更せずにいるだろう、その方が印象をつけやすいし……というのは理解しているんですが、みんながみんなそういう方向でいるなら、敢えて逆のことをやってみるかー、という。
そんなわけで、毎日アイコンを変更する……というスタイルでやっています。ま、それが効果的かどうかは分かりませんが。
また、これまでに変更したアイコンの更新履歴は基本的にはこちらで保存してあります





あ、あとちなみに私のTwitterアカウントは
http://twitter.com/rikuo
です。毎日アイコン変更しているので、誰が誰だか分かりにくいです。フォローするかどうかはご自由に。


追記：GIFアニメ画像とGIFの透過が使えるように

2010年8月27日くらいに行われた仕様変更から、GIFアニメ画像が使えるようになりました。

GIFアニメ画像

これまではGIFアニメ画像

といった手段が必要でしたが、特に加工せずとも、そのままのGIFアニメ画像で登録できます。
まだそれほど検証していないのですが、大きなピクセルサイズの場合は登録できないものの、48ピクセルであれば概ねオッケーかと。ファイルサイズの上限は分かりませんが。
まぁ登録が可能不可能以前に、重過ぎるアイコンは迷惑なので避けるべきですが。

背景画像は

アイコンではなく背景画像については

ということらしいです。バイナリ書き換えについてはこちらが詳しいですね。
? - FC2 BLOG パスワード認証

GIFの透過も

透過設定もGIF画像は反映されるようになりました。ただ、PNG画像はまだ駄目みたいです。
またピクセルサイズが大きいと上手く反映されないようなので、48ピクセルにした方がいいかと*3

JPEG画像の圧縮

これはかなり軽減されました。

投稿前 投稿後
48x48ピクセル 48x48ピクセル
2.84KB 1.65KB

でしたが、現在は

投稿前 投稿後
48x48ピクセル 48x48ピクセル
2.84KB 2.41KB

となっています。
高圧縮特有のモスキートノイズも減っていますね。


いずれにしても、Twitterは（アイコンに限らず）結構仕様を変更するので、この処置が恒久的に続くかは分かりませんが。

><

*1:転送量の軽減、っていう目的（おそらく）からすると、気にならないのであればJPGの方がいいんでしょうが

*2:あとファイルサイズ減らすなら、メタ情報も全部削ればいいのになぁ

*3:色々試してみたのですが、画像によっては大きいものでもオッケーだったり、逆に60ピクセルでもダメだったりでいまいち法則が分かりませんでした。