4月24日に、Twitterのプロフィールページ(https://twitter.com/yimamura)のデザインが新しくなった。
- 旧プロフィールページ
- 新プロフィールページ
新しいプロフィールページではアイコンの推奨サイズが縦横400ピクセルだそうだ。今までは256ピクセルだったと思う。その前は73ピクセルや48ピクセル。数年の間にずいぶん大きくなりました。
- 参考:TwitterのアイコンにJPGを使うとボケる!アイコンの仕様やコネタなど - 聴く耳を持たない(片方しか)(d:id:rikuo:20100808)
2010年8月の段階では一番大きいアイコンが73ピクセルだった。
ともかく、新しいデザインに合わせて新しいアイコンを作ることにした。
- 今までこれだったのを
- いったんこれにしたあと(数日前)
- 背景の彩度を落としてこれにした
これらはWiiやニンテンドー3DSのアバター機能「Mii」で作っている。実は去年、新しいMiiを作って「今後はこのアイコンを使うようにしていこうっと」と書いている。
- 3DSで自分のMiiを作る(d:id:Imamura:20130906:myMii)
- そのとき作ったのがこれ
しかし、いくつかのサービスでこのアイコンにしてみたものの今までのアイコンに近いせいかどうしても慣れない。それではと、今まで使っていたMiiを3DSから画像で書き出してみたが、今までと微妙に違って見える。
元のMiiアイコンはWiiのテレビ画面をデジカメで撮影したものだから少しゆがんでいる。そのゆがんだMiiを見慣れてしまったため、データ的に正しいMiiに違和感を覚えるようだ。
そこで顔を変形したり色調を変えたりして、今までのMiiアイコンに近づけてみた。その結果が今のアイコンというわけ。
アイコンを変更するサービスは以下。
- はてな(http://profile.hatena.ne.jp/Imamura/)
- Twitter(https://twitter.com/yimamura)
- facebook(https://www.facebook.com/imamurayusuke)
- Googleアカウント
- Microsoftアカウント
- (以下は追記分)
- Skype
- LINE
- NAVERまとめ(運営会社はLINEだけれどプロフィール画像は別管理だった)
- AUTODESK 123D(https://www.123dapp.com/)
- mixi(http://mixi.jp/show_profile.pl?id=23717)
- flickr
- Ustream(http://www.ustream.tv/channel/imamura)
- Yahoo.com
- Vimeo(https://vimeo.com/yimamura)
- Instagram(https://www.instagram.com/yimamura/)
- GitHub(https://github.com/imamurayusuke)
- コミックダッシュ!(http://ckworks.jp/comicdash/)
- Thingiverse(http://www.thingiverse.com/yimamura/about)
- Shapeways(https://www.shapeways.com/designer/yimamura)
- Airbnb
- etsy(https://www.etsy.com/jp/people/yimamura)
- ニコニコ動画(http://www.nicovideo.jp/user/6590899)
- Peatix(http://peatix.com/user/1212211)
えーとあとは…気がついたら変えよう。mixiのプロフィール写真は登録当時のままであり古さが価値になっていると思うので変えません。
- mixiで使っているプロフィール写真
調べてみたら2002年3月6日に撮影したようだった。
はてなのプロフィール画像は減色アルゴリズムなどがいまひとつ
Twitterなどに新しいアイコンをアップロードしたあと、はてなにもアップロードしたがなかなか反映されない。複数サーバ間のキャッシュがなかなか更新されないらしく、結局24時間くらい待ってようやく新しいアイコンになった。また、アイコンの変更時は必ずエラーが出たりするがこれは無視して進めてしまってよい。アイコンを変えることはあまりないとはいえ重要な機能なのだから、はてなはもうちょっとがんばってほしい。(フィードバック済み)
- 新しいはてなのアイコン
しかしよく見ると、肌の階調に段差ができているみたい。拡大表示してみるとこんな感じだった。
- 上のアイコンを拡大すると
これはいかん。アップロードした画像がはてな側で処理されるときになにかが起きているようだ。
色数が多すぎるのかと思い、背景をグラデーションではなく単色にしてみたり256色に減色してみたりしたが変わらない。
であれば、肌の階調そのものをなくしてあげるしかない。髪の毛以外の階調をなくしてみた。
- 方法
- Photoshopで肌や眉を選択し「フィルタ」→「ぼかし」→「平均」
肌が単色でほくろを編集しやすくなったので丸く整えた。
はてなはこれでいこう。
おまけ:Twitterの旧デザイン
2010年9月28日(d:id:Imamura:20100928:todaystweet)のデザイン変更直後のキャプチャが出てきた。せっかくなのでお蔵出し。
:
Twitterは昔は今よりだいぶゆるいデザインだったと感じる。今のはすきがなく、そのぶんちょっと息苦しい。