為你的網站製作iPhone桌面圖示

使用iPhone時,若在Safari將網頁加入主畫面,就會在iPhone的桌面上顯示一個捷徑圖示(icon),但如果這個網站沒有為iPhone製作專用的圖示,那麼在桌面上所顯示的圖示只是網頁縮圖而已,並不美觀。

在這裡,跟大家分享一個免費製作iPhone專用圖示的線上工具:

iPhone Icon Generator

只要將自己製作的圖片上傳後,便能自動產生iPhone專用的圖示檔(png格式),非常方便。

獲得圖示檔案後,將圖檔上傳至自己的網站根目錄,然後在頁面HTML裡的<head>與</head>之間加上這一行:

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

就可以了。(請記得要將 xxxxxxxx.png 改成你所製作的圖示檔名)

同場加映:

我為「哲生博客」所製作的iPhone icon:

哲生原力LOGO設計理念說明

我的icon出現在iPhone桌面上的模樣:

留言

這個網誌中的熱門文章

台灣老三台1978~1998懷舊西洋電視影集回顧

小甜甜生命中的五個男人