Androidのショートカットの見た目がブラウザによって違う

iOS7のリリース時に勤め先のウェブサイトのFaviconも新しくしましたが、下記、Google Nexus(Android 4.2.2)のホーム画面にショートカットを置いた時の状態を確認した時のメモです

Screenshot_2013-09-20-10-51-10

ショートカットの作成に用いたブラウザによって見た目が随分と違います。拡大するとこんな感じ。

Screenshot_2013-09-20-10-51-10_2

4つとも同じURL、http://www.tuj.ac.jp/jp/index.html、をブックマークしたものですが、使用したブラウザが違います。左から:

  • Androidのデフォルトブラウザ(バージョン4.2.2-SC04DOMMD4)
  • Chrome(バージョン29.0.1547.72)
  • Firefox(バージョン24.0)
  • Opera Classic(バージョン12.1.5)

iOS7と表示のされ方が一番近いのはChrome。デフォルトブラウザは近いけれど角丸の大きさが違う。FirefoxとOperaは全然違いますね。キャプチャを撮ったときからバージョンアップされているはずなので、もしかしたら今は違うかもしれません。なお、Favicon自体は四角で、丸角ではありません。

僕は今はiPhone 5cを使っているのですが、Androidを使っている時から、ホーム画面にショートカットを置くことはありませんでした。なのでAndroidを4年近く使っておきながら、この時に確認するまで知らなかった…