什麼尺寸是蘋果觸摸圖標時沒有指定尺寸

就像這樣：

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

在主題我已經買了，我的代碼看起來像：

<link rel="apple-touch-icon" href="logo.png" /><style type="text/css" media="all">

所以，問題是：應的圖標是什麼尺寸，如果沒有大小指定，以及該服務如何處理？

我的猜測是，我會讓圖標144x144，所有的上面都會縮小！

*參考：What size should apple-touch-icon.png be for iPad and iPhone 4?

來源

2013-05-07 menardmam

據this Apple Developer page，如果不指定大小，默認爲57x57 ......但我相信該設備將相應地放大它，如果你在那裏有一個較大的圖標，所以144x144會工作。

如果您有權訪問代碼，但爲什麼不更改其中的內容並指定不同的大小？這樣，每個設備將只下載適當大小的圖像作爲其屏幕並節省一些帶寬（這對於可能處於慢速3G或甚至預3G連接的移動設備非常重要）。

一個需要注意的是，真的舊設備並不瞭解「大小」屬性，並最終將裝載最後指定的元素......所以你應該保持57x57圖標列表的底部。

最後，請注意，您的第一個示例代碼中的文件名可以更改;如果「apple-touch-icon-114x114.png」對你比「apple-touch-icon-iphone4.png」更有意義，可以隨意使用它（或者你喜歡的任何東西）。只要確保href屬性中的URL與您使用的文件名相匹配即可！唯一需要關注的是確保您有一個文件與四個默認圖像中的一個相匹配，以便任何沒有指定apple-touch-icon鏈接的頁面仍然具有默認值。這四個圖像（在爲了他們選中）：

蘋果觸摸圖標-57x57-precomposed.png
蘋果觸摸圖標57x57.png
蘋果觸摸icon-precomposed.png
apple-touch-icon.png

來源

2013-09-05 01:59:29

什麼尺寸是蘋果觸摸圖標時沒有指定尺寸

回答

相關問題