讓網站在iPhone/iPad/Android手機平板的Favicon書籤icon顯示行動版大圖示

如何讓你的網站

在iPhone/iPad/Android手機平板時所加入的Favicon書籤icon

顯示成行動版大圖示呢？

而不是小小的16x16的ico檔呢？

--summary--

 

只要在你的網站上的meta處，加上語法
 

<link rel="apple-touch-icon" href="favicon.png" />

 

設計一個大PNG圖，尺吋我都是用144px，因為這好像是New iPad的尺吋

然後改成自己的路徑，使用前記得清掉瀏覽器的CACHE，

測試後亦可以在Android上正確顯示！

 

當然，如果把書籤網址改成手機版

如： /modules/tadnews/pda.php

這樣點書籤就可以直接進入手機版頁面了！

看起來就像一個小型偽APP囉！