ページにアイコン スマホ 表示されない

質問

自分でHPを作っているのですが
ソースを
<link rel="shortcut icon" href="http://○○/icon.ico">
にして、ページにアイコンを付けたのに、そのサイトをスマホで表示させても
アイコンが表示されません。

パソコン上で見ると指定したアイコンが表示されます。
私の持っているスマホでは無理なのでしょうか？

回答No.2

celtis · ベストアンサー

スマートフォンでのfavicon表示にはrel属性に特別な値が必要になります。
また、用意する画像素材のサイズも様々なので下記のサイトを参考にしてください。
http://klutche.org/archives/1696/
http://calico.xyz/2015/02/06/apple-touch-icon/
http://bass-inu.hateblo.jp/entry/2015/02/06/123210
http://taken.jp/apple-touch-icon-on-android-ios.html

お礼

ご回答ありがとうございました。

回答No.1

smash27

iPhoneやAndroidはそのファイル名に非対応なのかもしれませんね。

<link rel="apple-touch-icon-precomposed" href="[配置したpathかURL]/apple-touch-icon-precomposed.png">

これを追加してみてはいかがでしょう？ もちろん対応した画像も置いておく必要がありますが。

お礼

ご回答ありがとうございました。