どこから拾ってきたか忘れましたが
<link href='https://.png' rel='apple-touch-icon-precomposed'/>
こんな感じで<head>内に追加してやればok
-precomposed はアイコンが画像処理されるのを防ぐらしいのですが
iOS7より古いバージョン向けらしいのでよくわかりません
アイコンのサイズはここを見ると180x180がいいのかなと思いますが、私は192pxに設定してた
In addition, Chrome will show beautiful high-res favicons when they’re provided. Chrome for Android picks the highest res icon that you provide, and we recommend providing a 192×192px PNG file. For example:
<link rel="icon" sizes="192x192" href="nice-highres.png">
Support for theme-color in Chrome 39 for Android | Web
先の [Blogger, etc]Chrome for Android, Opera でテーマカラーを設定する と同じページの情報ですが、ごっちゃになってるのかな
まぁ後でこれも設定しようと思います。
追記
このコードを追加すると、Bloggerの 設定 から 独自のお気に入りアイコン（ファビコン）をアップロード する必要が無くなります(PC版Chromeで確認)
apple-touch-icon-precomposed を 192px でやってみた場合
Galay A7 の Chrome for Android で確認(原寸)
普通のファビコンだったらサイズが落ちるはずなので、apple-touch-icon を読めていますね
Bloggerに拡張子付の画像をアップロードする方法はこちらを参照してください
0 comments:
コメントを投稿
スパム対策の為コメントをオフにしています。
Disqusは利用出来ます。
注: コメントを投稿できるのは、このブログのメンバーだけです。