Android中處理Touch Icon的方案，androidicon

Android中處理Touch Icon的方案，androidicon
蘋果的Touch Icon相對我們都比較熟悉，是蘋果為了支援網路應用（或者說網頁）添加到案頭需要的表徵圖，有了這些Touch Icon的網頁連結更加和Native應用更相像了。由於蘋果裝置IPod，IPhone,IPad等裝置廣泛，很多網頁都提供了touch icon這種表徵圖資源。由於Android中並沒有及早的有一份這樣的標準，當我們想把網頁添加到案頭時，仍然需要使用蘋果的Touch Icon。

Touch Icon

當我們想讓一個網頁比較完美地添加到案頭，通常情況下我們需要設定一個png圖片檔案作為apple-touch-icon。比如

<span style="font-family:Arial;font-size:14px;"><link rel="apple-touch-icon" href="/custom_icon.png"></span>

如果想支援IPhone和IPad，我們需要使用sizes屬性來制定多個圖片，預設sizes的值為60 x 60。

<span style="font-family:Arial;font-size:14px;"><link rel="apple-touch-icon" href="touch-icon-iphone.png"><link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png"><link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png"><link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png"></span>

在IOS7之前，蘋果系統會對添加到案頭的表徵圖進行圓角化等視覺上的處理，為了不讓其處理，我們可以使用apple-touch-icon-precomposed來作為rel的值實現。