Twitterのアイコンをブラウザ経由でアップロードするとドット絵がぼやけたり背景が透過されなかったりする問題とその対策。

※この記事は 2012/10/10 に投稿したはてなブログ “Twitter のアイコンをブラウザ経由でアップロードすると画像がぼやけたり背景が透過されない問題とその対策(追記あり.GIF アニメも出来るよ!) – Radical No.11 #?” の改訂版です。

  • 2013/8/31 追記(GIF アニメが動かなくなった件)
  • 2013/9/30 追記(画像の縮小がなくなった件)
  • 2014/2/21 追記(ドット絵が拡大される件)タイトルが嘘になる。
  • 2015/8/13 追記(48*48 でアップすると bigger が 48*48 になった件)

この記事の内容は 2014/2/21 現在のものです。ドキュメントは更新されてないくせに API の仕様があほみたいに変わってるので今後どうなるか全くわかりません。 List の API もわけわかんないし 1.1 にアップデートしたんだからもうちょっときちんと対応してくれてもいいのになと思います。


Twitter のブラウザ版アイコンアップロードの仕様が変更になり、ドット絵をアップするとアイコンがぼやけたり GIF アニメが動かせなくなりました。解決策としては API 経由でアイコンを変更するとアイコンを原寸のままアップロードすることができます。(つまり、API 経由でアイコンを変更できるクライアント等を使用すればアイコンのピンぼけを回避出来ます。)
API の仕様として「GIF アニメは最初の 1 フレームからアイコンを生成してアニメーションは消去する」(2013/03/20 現在)ということになっているので、GIF アニメは今後動かなくなる可能性があります。ちなみにわたしのアカウントで試したら動いたので、このあたりはよくわかりません。
(2013/8/31 追記)自分の持ってるアカウント全てで GIF アニメが PNG に変換されて動かなくなりました。もう動かないと言い切ってよいと思います。
(2014/2/21 追記)1 月から 48px*48px の画像は 73px*73px に拡大されるようになりました。144px*144px か 192px*192px にすれば多少はマシになりますがドットバイドットでの表示は不可能です。仕様変更したらドキュメント更新してください頼むから。
(2015/8/13 追記)48*48px の画像をアップすると bigger が 48*48 になるため、TL 上でドットバイドットで表示されるようになりました。

クライアントを探すのが面倒な人のためにツールを作ったのでリンクをはっておきます。
API 経由でアイコン画像をアップロードするツール
使用する API のバージョンを選択できるようにしています。特に問題がなければ 1.1 を使ったほうがいいと思います。

続きは API 経由とブラウザ版経由の比較です。結構詳しく比較してみたつもりです。

ブラウザ経由と API 経由の比較(2013/03/20 現在)

48px*48px

使用画像

ジャッシーちゃん
ジャッシーちゃん

結果

TL上での比較:その1
TL上での比較:その1

API経由だと原寸大のアイコンが表示される
API経由だと原寸大のアイコンが表示される

(2014/1 月末)仕様変更によりボケるようになりました!!!!!144px*144px か 192px*192px にすれば多少はマシになりますがドットバイドットでの表示は不可能です!!!!これは誰も特しない。
(2015/8/13 追記)48*48px の画像をアップすると bigger が 48*48 になるため、TL 上でドットバイドットで表示されるようになりました。

ブラウザ版だと勝手に拡大されて透過情報が消えた
ブラウザ版だと勝手に拡大されて透過情報が消えた

500px*500px
使用画像

ジャッシー十代ちゃん
ジャッシー十代ちゃん

結果

TL上での比較:その2
TL上での比較:その2

API経由だと500px*500pxの原寸表示になっている
API経由だと500px*500pxの原寸表示になっている
ブラウザ版だと縮小されて劣化
ブラウザ版だと縮小されて劣化

1280px*720px
使用画像

このシーン画も台詞もウザかったよね
このシーン画も台詞もウザかったよね

結果

TL上での比較:その3
TL上での比較:その3

API経由だと500px500px内に収まるように縮小された(この場合は500px280px)
API経由だと500px500px内に収まるように縮小された(この場合は500px280px)
ブラウザ版でトリミングされたキャプテンアッシュの画像
ブラウザ版でトリミングされたキャプテンアッシュの画像

(2013/09/30 追記)
1920px*1080px の画像が縮小なしでアップロードできました。 何が何だかもうわけがわかりません。API ドキュメントなんてなかったんや…。

表示は横幅1500に縮小されていますが、画像データ自体はフルサイズです。
表示は横幅1500に縮小されていますが、画像データ自体はフルサイズです。

48px*48px の GIF アニメ
使用画像

ジャッシーちゃんのGIFアニメ
ジャッシーちゃんのGIFアニメ

結果
API 経由だと動いた
(2013/8/31 動かなくなりました)