網站圖示產生器(favicon.ico 與各尺寸 PNG)

用一張圖片一次產生 favicon.ico(16、32、48 px)以及 apple-touch-icon(180 px)、192、512 px 等 PNG 圖示,可先預覽再存成 ZIP,並提供要加入 HTML 的程式碼。

  • 在瀏覽器內處理(不上傳)

每個檔案上限 40 MB

轉成正方形的方式

在會被裁成圓形或圓角的地方(例如手機主畫面),加一些留白可避免邊緣被切掉。

背景

iPhone 主畫面可能會把透明部分顯示成黑色,因此主畫面圖示(apple-touch-icon)會以背景色填滿(選擇透明時為白色)。

使用方式

  1. 選擇或拖曳要做成圖示的圖片(建議 512 × 512 px 以上的正方形)。
  2. 選擇轉成正方形的方式、周圍留白與背景(透明或顏色),確認各尺寸預覽與瀏覽器分頁上的樣子。
  3. 按「全部下載(ZIP)」,把檔案放到網站根目錄,再把顯示的程式碼加到 HTML 的 <head>。

常見問題

要用哪些檔案?

最簡單的方式是把 ZIP 裡的檔案全部放到網站根目錄,並把程式碼加到 <head>;只有 favicon.ico 也能在多數瀏覽器顯示。

圖片會上傳嗎?

不會。讀取、縮小、建立 ICO 與 ZIP 都在瀏覽器內完成。

換了圖示但瀏覽器還是顯示舊的?

瀏覽器可能會長時間快取 favicon,請重新整理或清除快取。

注意事項與限制

  • 你輸入的內容只在此頁面處理,不會傳送到 YUCTS 的伺服器。
  • favicon.ico 內的各尺寸以 PNG 格式儲存;目前主要瀏覽器都支援,但部分較舊的軟體可能無法讀取。
  • 不會產生 SVG 圖示,也沒有針對 Android「maskable」圖示的專用處理,請用留白設定調整。
  • 超過 1,600 萬像素的圖片會先縮小再處理;無法開啟 HEIC/HEIF;儲存的 PNG 不含 EXIF 等中繼資料。

資料來源