[英]Adding Apple Icon To Website
我用Woorank測試了我的網站,並顯示有關Apple Icon缺失的警告。
我已搜索但我不確定如何包含此圖標,我已找到此代碼
<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”中第一批圖像的分辨率是多少
最小的圖標應為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/
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.