iphone-app-icon-html-web-app-home-screen-icon
的iPhone手機Safari網絡瀏覽器識別特殊的HTML標籤,可以讓你添加一個iPhone應用程序圖標,你的HTML應用程序。下面是一個可以讓你添加一個iPhone應用程序圖標添加到您的Web應用程序的語法:
<link rel="apple-touch-icon" href="/my-app-icon.png" />
與在REL領域的蘋果觸摸圖標此HTML鏈接標記告訴iPhone的移動Safari瀏覽器使用該圖標作爲您的網絡應用的應用圖標。
iPad和iPhone的應用程序圖標的像素尺寸
爲了支持更高分辨率的iPhone 4,iPhone應用程序的圖標應爲114 114像素的圖標。舊款iPhone使用56x56像素圖標(或可能爲57x57),iPad使用72x72像素圖標,您提供的圖像將縮小並適用於所有這些設備。這裏有一個簡單的總結:
iPhone 4 - 114x114 pixels
Older iPhone - 57x57 pixels
iPad (version 1) - 72x72 pixels
如果你喜歡你的應用程序圖標大小的一點點更多的控制權,蘋果公司的文檔說明下面的例子:
<link rel="apple-touch-icon" href="touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone4.png" />