製作 iOS Apple Touch 圖示與多解析度網站圖示

為 iOS 主畫面書籤建立高解析度 Apple Touch 圖示,以及標準的桌上型瀏覽器 favicon。在桌面與行動裝置上維護一致的品牌外觀。

Drop a logo or icon image here
Tap to choose a file
或點擊選擇 ·PNG SVG JPG · does not need to be square
捷徑PNG → ICOSVG → ICO
製作 iOS Apple Touch 圖示與多解析度網站圖示


步驟說明

  1. 1

    拖放品牌標誌

    匯入您的向量 SVG 或高解析度點陣圖片。

  2. 2

    設定邊緣 & 留白樣式

    選取圓角或圓形形狀,並設定背景顏色。

  3. 3

    下載圖示套件

    取得包含所有圖示與程式碼片段的完整 ZIP 壓縮檔。

針對 iOS 主畫面最佳化

產生標準的 180x180 像素 apple-touch-icon.png 檔案,支援自訂圓角半徑(方形、圓角或圓形)與背景樣式。

內嵌多種尺寸的 Favicon

同時輸出包含 16px、32px 及 48px 資源的通用 favicon.ico,適用於傳統與現代桌上型瀏覽器分頁。

情境使用指南

Favicon 產生器 →

常見問題

我應該將 apple-touch-icon.png 上傳到伺服器的哪個位置?

上傳至您的網站伺服器根目錄,或透過隨附的 `` 標籤進行參照。

我的專屬標誌會被上傳到遠端伺服器嗎?

不會,所有圖示尺寸調整與 ZIP 打包均完全在您的本機瀏覽器內處理。