推薦您全新的瀏覽模式,簡潔、快速,共有七種模式可供選擇。馬上體驗!

歡迎加入張哲生的臉書粉絲專頁,掌握《哲生博客》的最新動態。

2010年3月4日

為你的網站製作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桌面上的模樣:

分享本文:

0 意見:

Related Posts Plugin for WordPress, Blogger...