『ブックマークのショートカットアイコンについて』のクチコミ掲示板

[あたまのなか]

プリインストールされているブラウザでサイトを表示し、直接ホーム画面に
ショートカットを置くか、一旦ブックマークしてホームにショートカットを
置きます。

この時、ブックマーク先のサイトがfavicon（SHORTCUT ICON）を指定している
場合には、ホームのショートカットにfaviconが表示されますよね。

そこで質問なのですが、アイコンの表示のされ方が２種類あります。

　１．faviconに指定されたアイコンのみ表示される
　２．赤いリボンの中にfaviconで指定されたアイコンが表示される

どういった条件で１，２が決定するのでしょうか？

やりたいことベースで言うと、赤いリボンなしでfaviconのみの
ショートカットアイコンをホームに置きたいのです。

書込番号：14381770

[おびい]

これはサイト側の問題じゃないでしょうか？
そのサイトがスマートフォン用のサイトで、尚且つショートカット用のアイコンを提供している場合になるような気がします。

書込番号：14381849

[macha .]

あたまのなかさん、こんにちは。　ホームアプリの中にはショートカットアイコンが変えられるものもあります。例えばGo launcherとか。　https://play.google.com/store/apps/details?id=com.gau.go.launcherex

書込番号：14382646　スマートフォンサイトからの書き込み

[あたまのなか]

おびいさん　macha .さん

ご返信ありがとうございます。実際にHTML作って検証してみました。

HTMLでは、ブラウザのタブやURL部分のアイコンを指定するには
ヘッダ部にrel="SHORTCUT ICON"を指定しますが、
iPhoneやAndroid端末のショートカットアイコンを指定する場合
rel="apple-touch-icon"を指定しなければならないようです。

つまりrel="apple-touch-icon"が指定されたサイトのショートカット
アイコンは赤いリボンなし、この指定がなくrel="SHORTCUT ICON"
が指定されたサイトのアイコンは赤いリボンありで、どちらも指定
されていない場合には赤いリボンと☆で表示されるようです。

どうもありがとうございました。

書込番号：14386175