區分iPad和iPhone的網頁圖標

Question

有沒有辦法說1個圖標用於iPad，另一個用於iPhone？我知道的唯一的fav圖標代碼是<link rel="apple-touch-icon" href="icon.jpg">，但這只是通用的Apple，並沒有指定設備。而且我認爲，由於新款iPhone和iPad具有視網膜顯示功能，因此我需要針對這些圖標的差異webapp圖標。

Answer 1

沒問題，從優秀Icon Handbook：

<!-- For iPhone 4 Retina display: --> 
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114x114-precomposed.png"> 

<!-- For iPad: --> 
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/apple-touch-icon-72x72-precomposed.png"> 

<!-- For iPhone: --> 
<link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-57x57-precomposed.png">