iPhone と Android の apple-touch-icon の違い

「apple-touch-icon」を指定した場合は、iPhoneとAndroidどちらも同じアイコンになりますが、「apple-touch-icon-precomposed」を指定した場合は、それぞれ異なるアイコンになります。 iPhoneは、「apple-touch-icon」「apple-touch-icon-precomposed」ともに、最初に指定したアイコンが有効になるようです。一方Androidは、「apple-touch-icon」の場合は最初に指定したアイコン、「apple-touch-icon-precomposed」の場合は最後に指定したアイコンが有効になるようです。 この違いを利用して、次のような順序で記入すると、iPhoneとAndroidに異なるアイコンを指定できます。 <link rel="apple-touch-icon-precomposed" href=

[dalton1487]

ホームアイコン

[kussun]

WebClip Bookmark IconのiPhoneとAndroidでの挙動の違い。precomposedを付けて複数指定すると、iPhoneは最初のみ、Androidは最後のみ認識する。

[blogpants]

スマホWEBアプリを作る際のホームアイコンについて。 iphoneとandroidで違うものに設定可能。

[extra_number]

ホームに設定するアイコンについてのまとめ

[hiro_y]

apple-touch-iconの指定

[glat_design]

今ファビコンとかアイコンちゃんと作りたいので助かる

[daikix]

ホーム画面に追加したときのアイコン

[higeorange]

同じでいいようだ