網站圖示產生器(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)會以背景色填滿(選擇透明時為白色)。
使用方式
- 選擇或拖曳要做成圖示的圖片(建議 512 × 512 px 以上的正方形)。
- 選擇轉成正方形的方式、周圍留白與背景(透明或顏色),確認各尺寸預覽與瀏覽器分頁上的樣子。
- 按「全部下載(ZIP)」,把檔案放到網站根目錄,再把顯示的程式碼加到 HTML 的 <head>。
常見問題
要用哪些檔案?
最簡單的方式是把 ZIP 裡的檔案全部放到網站根目錄,並把程式碼加到 <head>;只有 favicon.ico 也能在多數瀏覽器顯示。
圖片會上傳嗎?
不會。讀取、縮小、建立 ICO 與 ZIP 都在瀏覽器內完成。
換了圖示但瀏覽器還是顯示舊的?
瀏覽器可能會長時間快取 favicon,請重新整理或清除快取。
注意事項與限制
- 你輸入的內容只在此頁面處理,不會傳送到 YUCTS 的伺服器。
- favicon.ico 內的各尺寸以 PNG 格式儲存;目前主要瀏覽器都支援,但部分較舊的軟體可能無法讀取。
- 不會產生 SVG 圖示,也沒有針對 Android「maskable」圖示的專用處理,請用留白設定調整。
- 超過 1,600 萬像素的圖片會先縮小再處理;無法開啟 HEIC/HEIF;儲存的 PNG 不含 EXIF 等中繼資料。
資料來源
- Microsoft Learn: Icons (ICO file format, ICONDIR and ICONDIRENTRY)(在新分頁開啟) — 查核日期: 2026-11-06
- web.dev: Add a web app manifest (192 × 192 and 512 × 512 icons)(在新分頁開啟) — 查核日期: 2026-11-06
- Apple: Configuring Web Applications (apple-touch-icon, 180 × 180 example)(在新分頁開啟) — 查核日期: 2026-11-06
相關工具
- 圖片壓縮工具(JPEG、PNG、WebP)在瀏覽器內壓縮 JPEG、PNG、WebP 圖片,並比較處理前後的檔案大小。可調整畫質與最大尺寸,照片不會上傳。
- 圖片尺寸調整(批次縮放)在瀏覽器內依寬度、高度或百分比批次調整圖片尺寸,可維持比例、禁止放大,並提示變形程度。
- 圖片裁切工具(指定比例、旋轉)用滑鼠或手指拖曳裁切圖片,支援 1:1、4:3、16:9 等比例與 90° 旋轉,也能用數值精準指定範圍,全程在瀏覽器內完成。
- 圖片格式轉換(JPEG、PNG、WebP)在瀏覽器內把 JPEG、PNG、WebP、GIF、BMP 圖片轉成 JPEG、PNG 或 WebP,可設定透明背景色與畫質。
- 圖片旋轉/鏡像翻轉(90°、180°、左右翻轉)把圖片旋轉 90°、180°、270°,或左右、上下翻轉,邊看預覽邊調整後再儲存。全程在瀏覽器內處理,圖片不會上傳。
- 圖片加浮水印(文字或 Logo)在照片上加入文字或 Logo 浮水印,可調整位置(九宮格或平鋪)、字型、顏色、大小、角度與不透明度,也支援中文與日文,全程在瀏覽器內處理。