網站書籤/快捷方式圖標Android說明。不能得到通過標準絲帶圖標

Question

我有一個手機版的網站，我試圖得到它，這樣，當有人選擇書籤網站或「添加到主屏幕」，將一個圖標保存到主屏幕。我有一個Android的三星Galaxy S3也不管我怎麼努力，我不能讓它在中間的小預覽使用的圖標，而不是標準的色帶。

Currently..The下面的代碼會得到它的顯示標準絲帶圖標圖像的微小預覽，但不會顯示所有圖標：

<link rel="icon" href="http://www.mydomain.com/favicon.ico" type="image/x-icon"/> 
<link rel="shortcut icon" href="http://www.mydomain.com/favicon.ico" type="image/x-icon"/> 

我也試過這個代碼以及當我將書籤添加到主屏幕時，它只產生標準的帶狀圖標。甚至不喜歡上面的一個很小的預覽：

<link rel="apple-touch-icon" href="http://www.mydomain.com/customicon.ico"/> 
<link rel="apple-touch-icon-precomposed" href="http://www.mydomain.com/customicon.ico"/> 

注：我自己也嘗試1）將圖標文件的根。 2）將文件名命名爲apple-touch-icon-precomposed.ico。 3）圖標是57x57，小於40 kb。

我知道有一些方法來做到這一點，因爲我測試了幾個網站如AOL，和eBay都保存到我的主屏幕出現像應用程序一個正常大小的圖標。

如果有人遇到同樣的問題，找到問題，請讓我知道一個解決方案。我很難過！

Answer 1

整個問題是因爲該網站是保護的設計和開發過程中測試目的的.htaccess密碼。我所要做的就是將包含所有圖標的文件夾移到密碼保護目錄之外！

下面的代碼是我用什麼，現在工作：

<link rel="apple-touch-icon" sizes="144x144" href="http://m.mydomain.com/touch-icon-ipad-retina.png" /> 
<link rel="apple-touch-icon" sizes="114x114" href="http://m.mydomain.com/touch-icon-iphone-retina.png" /> 
<link rel="apple-touch-icon" sizes="72x72" href="http://m.mydomain.com/touch-icon-ipad.png" /> 
<link rel="apple-touch-icon" href="http://m.mydomain.com/touch-icon-iphone.png" /> 
<meta name="apple-mobile-web-app-capable" content="yes" /> 
<meta name="apple-mobile-web-app-status-bar-style" content="black" />