5

私は自分のサイトをWoorankでテストしましたが、Appleアイコンがないことについての警告が表示されます。

検索しましたが、このアイコンを含める方法がわかりません。このコードを見つけました

<link rel="apple-touch-icon-precomposed" href="apple-touch-iphone.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-ipad.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-iphone4.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-ipad-retina.png" />

標準のファビコンと同じ方法で、これらの行を頭に含める必要がありますか？（私のウェブサイトはHTML5です）

これらの行の最初の画像の解像度はどれくらいですか「apple-touch-iphone.png」

4

1 に答える 1

7

最小のアイコンは 57×57 ピクセルにする必要があります。

「-precomposed」は、リンクされたアイコン ファイルが既に光沢があり、3D になっていることを示していることに注意してください。「-precomposed」を省略した場合、iOS は画像に 3D の輝き効果を追加します。

linkはい、もちろん、に-tags を挿入する必要がありますかhead.

完全なアイコン セットの例:

<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="favicon.ico">
<link rel="apple-touch-icon" type="image/png" href="icon.57.png"><!-- iPhone -->
<link rel="apple-touch-icon" type="image/png" sizes="72x72" href="icon.72.png"><!-- iPad -->
<link rel="apple-touch-icon" type="image/png" sizes="114x114" href="icon.114.png"><!-- iPhone4 -->
<link rel="icon" type="image/png" href="icon.114.png"><!-- Opera Speed Dial, at least 144×114 px -->

Apple iOS アイコンに関するドキュメント: http://developer.apple.com/library/safari/#documentation/appleapplications/reference/safariwebcontent/ConfiguringWebApplications/ConfiguringWebApplications.html

Opera Speed Dial アイコンに関するドキュメント: http://dev.opera.com/articles/view/opera-speed-dial-enhancements/

于 2012-10-24T13:56:45.573 に答える