iPhone 主畫面需要獨立圖示
加入主畫面的圖示,不只是放大的分頁 ICO。請準備專用素材並測試實際流程。
匯出 PNG
從原稿製作正方形 PNG,180×180 可作為 iPhone 的常見起點。依 Apple 文件核對目標裝置,安排背景及留白。ICO 不能取代這張 PNG。
宣告觸控圖示
使用 rel="apple-touch-icon" 指向公開 PNG,參考下方範例。檢查 CMS 最終 HTML,避免路徑失效或重複宣告。
重新加入測試捷徑
移除舊測試捷徑,在真實裝置上重新加入,比對儲存結果。IcoJet 只輸出 ICO;觸控 PNG 請另外從圖片編輯器匯出。
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">參考資料與延伸閱讀
Apple — Web Clip icons ↗MDN — link ↗