Twitterで背景が透明なアイコンを使用するには、ちょっとしたコツが必要。
2013年03月08日
![how-to-use-transparent-icon-on-twitter-0](https://iyuto.com/blog/wp-content/uploads/2013/03/how-to-use-transparent-icon-on-twitter-0-500x281.jpg)
僕も背景が透過なアイコンを使用していますが、実はTwitter.comから透過アイコンを設定することができないんです。(もしかしたらpngの種類によっては可能かも)
背景が勝手に白くなる
▼試しにTwitterの公式サイトからプロフィール画像を変更してみましょう。![how-to-use-transparent-icon-on-twitter-1](https://iyuto.com/blog/wp-content/uploads/2013/03/how-to-use-transparent-icon-on-twitter-1-500x268.jpeg)
▼こんな感じでアップロードする画像は四隅が丸く、影がついています。
![how-to-use-transparent-icon-on-twitter-2](https://iyuto.com/blog/wp-content/uploads/2013/03/how-to-use-transparent-icon-on-twitter-2.jpeg)
保存をしてアイコンを確認すると・・・
▼透明なはずの背景が勝手に白くなっている!?
![how-to-use-transparent-icon-on-twitter-3](https://iyuto.com/blog/wp-content/uploads/2013/03/how-to-use-transparent-icon-on-twitter-3-500x328.jpg)
Tweetbot等、他のクライアントで試しても同じでした。 どうやら勝手に処理されていまっているようです。
▼テーマがブラックなクライアントだと、残念な状態に・・・
![how-to-use-transparent-icon-on-twitter-4](https://iyuto.com/blog/wp-content/uploads/2013/03/how-to-use-transparent-icon-on-twitter-4.jpg)
しかし、これには回避する方法があります。
回避策
なぜかWEB版のついっぷるからアイコンをアップロードすると、背景が透明なまま保存できるのです。▼ついっぷるにアクセスし、PC版にログインします。
![how-to-use-transparent-icon-on-twitter-5](https://iyuto.com/blog/wp-content/uploads/2013/03/how-to-use-transparent-icon-on-twitter-5-500x292.jpg)
▼右上のメニューからプロフィール編集画面へ行き
![how-to-use-transparent-icon-on-twitter-6](https://iyuto.com/blog/wp-content/uploads/2013/03/how-to-use-transparent-icon-on-twitter-6-500x312.jpeg)
▼ここからファイルをアップロード→保存すると・・・
![how-to-use-transparent-icon-on-twitter-7](https://iyuto.com/blog/wp-content/uploads/2013/03/how-to-use-transparent-icon-on-twitter-7-500x332.jpg)
▼白い背景が付くことなく、ちゃんと透明なままに!!
![how-to-use-transparent-icon-on-twitter-8](https://iyuto.com/blog/wp-content/uploads/2013/03/how-to-use-transparent-icon-on-twitter-8-487x500.jpg)
▼ブラックなクライアントでもきちんと背景が透明なアイコンになっています!
![how-to-use-transparent-icon-on-twitter-9](https://iyuto.com/blog/wp-content/uploads/2013/03/how-to-use-transparent-icon-on-twitter-9.jpg)
まとめ
なぜかついっぷるだけが設定可能でした。Tweetbot,Twitter for iPhone,Twitter for Mac,ついっぷる for iPhoneなど試してみたものの、どれも透明部分が勝手に白く(または黒く)なってしまします。
もしかしたら、ついっぷる以外でも透過アイコンがアップロード可能なクライアントがあるかもしれません。
逆に今後の仕様変更でWEB版ついっぷるでも不可能になるかもしれません。
まぁ、僕のアイコンに関しては背景を透明にする意味があんまりないですけどね・・・w