iOSブックマークアイコン

iOSホームスクリーンにサイトを追加すると、適切なアイコンが表示されるように設定できました。また、どのWebブラウザでも表示されます。ただし、iOS Safariを使用してサイトにアクセスし、ブックマークリストにブックマークしておくと、Cアイコンが表示されます。私が使用しているwww.cbcexeter.org：iOSブックマークアイコン

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=kPgOnJYLYR"> 
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=kPgOnJYLYR"> 
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=kPgOnJYLYR"> 
<link rel="manifest" href="/manifest.json?v=kPgOnJYLYR"> 
<link rel="mask-icon" href="/safari-pinned-tab.svg?v=kPgOnJYLYR" color="#bd4c4c"> 
<link rel="shortcut icon" type="image/png" href="/favicon.png?v=kFginJYoYs"> 
<meta name="theme-color" content="#ffffff">

私が試した.icoファイルとそれが働いていない私は、私たちのアイコンは、これが私たちのサイトですwww.apple.comまたは
www.sunsetwx.com それがないだけのよう示したいと思います。

ありがとうございます。

出典

2017-05-15 James

ご質問ありがとうございます。それは私に自分のサイトをチェックさせて、あなたが正しいと思った。私のfavアイコンはSafariに表示されませんでした。代わりに、私のサイトの開始文字を持つデフォルトのアイコンがありました。 http://realfavicongenerator.net/

だけでなく、あなたの既存のアイコンを確認することができ、それはまた、あなたのアイコンをアップロードして、さまざまなデバイス/システムをagainsテストすることができます：

は、クイック検索後、私はこの素晴らしいページを発見しました。次に、単一の画像を置き換えます（たとえば、iOSホーム画面用の色付きpngがありますが、Safariブックマーク用のモノクロームベクトル、アンドロイド用のもう1つの色付きベクトル）。

アイコンパックを生成してダウンロードしてサーバーにアップロードし、生成されたコードをページの<head>に含めればいいです。私にとって

UPDATE

それは今あなたのサイトに取り組んでいるように見えます：

出典

2017-05-28 23:16:57 xxtesaxx

こんにちは、私はそのサイトを使いましたが、それは優れていますが、Safariは同じことを続けています。あなたのデバイス（私たちのサイト）でそれを試すことができますか？ – James

私は、homscreenとブックマークの両方をチェックして、動作しているようです（私の元の回答の更新を参照してください） – xxtesaxx

ああ、それはまだ私のためには動作しませんが、多分それはちょうど悪いキャッシュです。テストしていただきありがとうございます。 – James

私は非常にhttp://realfavicongenerator.net/を使用することをお勧めします。それは、すべてを自動化し、アイコンをコピーし、コードをコピーし、それを設定するための指示を生成します。

出典

2017-05-28 23:20:23 KidCoder

iOSブックマークアイコン

答えて

関連する問題