Apple Touch Icon

Apple Touch Icon Generator

Create the 180x180 Apple Touch Icon used by iPhone and iPad home screen bookmarks.

ICO PNG 16/32/180/192/512 site.webmanifest ZIP

標準 ZIP 壓縮檔

下載現代網站常用的 7 個 favicon 檔案。

相容瀏覽器與應用程式

包含 ICO、小尺寸 PNG、Apple touch icon 與 Android Chrome 圖示。

本機轉換

圖片在瀏覽器中完成縮放與產生，不需要上傳到伺服器。

上傳來源圖片

支援 PNG、JPG、WEBP 或 SVG。建議使用 512x512 的正方形圖片。

瀏覽器圖示

  • favicon.ico
  • favicon-16x16.png
  • favicon-32x32.png

行動裝置圖示

  • apple-touch-icon.png
  • android-chrome-192x192.png
  • android-chrome-512x512.png

Web App Manifest

  • site.webmanifest

iOS home screen workflow

  • Upload a high-resolution square logo or app icon.
  • Use apple-touch-icon.png for iOS and keep the generated favicon files for browsers.
  • Copy the provided apple-touch-icon link tag into your site head.

Related favicon tools

Favicon packagePWA iconsApple Touch IconNext.js faviconFavicon checker

關於這個 Favicon 轉換器

完整的 favicon 設定不只是一張小圖。瀏覽器分頁、書籤、iOS 主畫面圖示、Android 啟動圖示與 PWA 會讀取不同的檔案。

本工具產生 favicon.io 風格的常用檔案包：favicon.ico、favicon-16x16.png、favicon-32x32.png、apple-touch-icon.png、Android Chrome 圖示與 site.webmanifest。

常見問題

什麼圖片效果最好？

建議使用簡潔的正方形 Logo 或圖示，尺寸最好不小於 512x512。複雜照片縮到 16x16 後會不清晰。

為什麼還需要 favicon.ico？

ICO 檔案可以提升舊版瀏覽器，以及部分書籤與分頁情境的相容性。