まとめapple-touch-iconの設定の仕方については、いろんなサイトに記述がありますが、間違っているのか、古いのか、実際の決められた仕様にのっとっていない情報が多かったので、書いておきます。apple-touch-iconを設定したけどぼやけた画像になってしまう!とお悩みの方は、おそらく古い解像度で作ってます。ちなみにこれは2014年3月7日時点の情報です。作るべきapple-touch-iconのサイズは、次の通りです。Clip)アイコンに関するiOSの公式サイトのリンクは下記。apple-touch-icon-76x76.pngという名前をつけておいてWebサーバーのルートにおいておけばも、デバイスが勝手に認識してくれるようですが、より確実を期したい場合は、htmlにリンクを張った方がいいですね。/public_html/apple-touch-icon-precomposed.pngとかが出まくったりします。apple-touch-icon-precomposed.pngというのも用意しないといけないようです。precomposedとは何かというと、ツヤなしのアイコンです。「ツヤは勝手にiPhoneがつけるのに?ツヤなしの画像をおかないといけないの?」と疑問に思いますが、ツヤあり、ツヤなしで画像を分けたい人はともかく、そうでなければapple-touch-icon.pngをコピペして、apple-touch-icon-precomposed.pngとリネームすればいいと思います。それをサイズ別に作ります。サーバーのルートにアップロードし、リンクを張ります。href="/apple-touch-icon-152x152-precomposed.png">だいぶ面倒ですね。まとめまとめますと、作る画像は次の通り。apple-touch-icon-152x152.png張るリンクは次の通りです。href="/apple-touch-icon-152x152-precomposed.png">間違っていれば、ご指摘ください。コメントをキャンセルメールアドレスが公開されることはありません。株式会社オンラインコンサルタント.%d人のブロガーが「いいね」をつけました。