7

「ホーム画面に追加」を選択したときに iOS (および Android) のアイコンを追加するコードにはあまり詳しくありませんが、読んだ内容に基づいて次のコードを使用しました。

    <link rel="apple-touch-icon-precomposed" href="http://www.redtypewriter.com/wp-content/uploads/2014/03/57.jpg"/>  
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://www.redtypewriter.com/wp-content/uploads/2014/03/72.jpg"/>  
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://www.redtypewriter.com/wp-content/uploads/2014/03/114.jpg"/>

コードは機能しているようですが、ホーム画面に追加した後、しばらくするとアイコンが消え、アイコンの代わりに黒い四角が残りますか? 何が起こっていますか？サイトはhttp://www.redtypewriter.com/です。ご覧になりたい場合は、カスタムの WordPress テーマを使用しています。

ありがとう！

4

1 に答える 1

9

黒いアイコンを取得する主な理由は 2 つあります。

  • JPG 画像の使用 (iOS では PNG が優先)
  • 透過領域での PNG の使用。iOS は透明な領域を黒で塗りつぶします。

あなたの場合、これは、写真が PNG ではなく JPG 形式であるためです。

あなたの元の写真で、私は3つの問題を観察しました:

  • あなたが説明したように、黒いアイコン。
  • デバイスがアイコンを表示するのに時間がかかりました (ホーム画面に追加するときなど)。最初の数秒間は、デフォルトのアイコンしか見えませんでした。これは珍しいことではありませんが、ちょっと驚きました。
  • ブックマークするとき、私のデバイスはあなたのアイコンではなく別のアイコンを使用しました:

それらをPNGに変換し、それに応じてHTMLコードを変更するとすぐに、すべての問題が一度に修正されました.

さらに、十分な pictures を定義していません。たとえば、アイコンは Retina iPad では見栄えがよくありません。

于 2014-04-12T07:08:30.580 に答える