圖片
Favicon 產生器
Favicon 產生器是一款只要一張圖片,就能一次製作 favicon.ico 與各裝置專用圖示,並自動輸出設置用 HTML 程式碼的工具。免上傳,只需將圖片載入瀏覽器,即可備齊所有尺寸的圖示。
將圖片(PNG / JPG / WebP / SVG)拖放到這裡
或
支援 PNG / JPG / WebP / SVG,最大 20 MB(建議使用正方形圖片)
上傳的圖片全部在您的瀏覽器內處理,不會傳送至外部伺服器。
相關工具
圖片壓縮
線上壓縮 JPG、PNG 圖片，在維持畫質的同時縮小檔案大小。JPG 可調品質、PNG 無損最佳化。圖片不上傳、瀏覽器本機處理，免費免註冊，全程在瀏覽器中完成。
圖片裁切
線上裁切 JPG、PNG、GIF 圖片，支援寬高比預設、像素數值精準裁切，以及圓形 / 橢圓裁切（透明 PNG）。圖片不上傳、瀏覽器本機處理，免費無浮水印，全程在瀏覽器中完成。
圖片縮放
線上調整圖片大小、修改像素尺寸（縮放），支援 JPG、PNG、GIF、WebP，可依像素或倍率並鎖定寬高比。圖片不上傳，免費無浮水印，全程在瀏覽器中完成。
圖片文字擷取 (β)
辨識圖片中的文字並轉成可編輯文字的免費 OCR 工具，可從照片、截圖、文件擷取文字，編輯後複製或下載 .txt。圖片不上傳、瀏覽器本機辨識，全程在瀏覽器中完成。
WebP 轉換器
將 JPG、PNG、SVG 圖片轉換為輕量的 WebP 格式，支援最多 10 個檔案批次轉換與 ZIP 打包下載，含 SVG 轉 WebP。圖片不上傳，全程在瀏覽器中完成。
Slack 自訂表情產生
從文字或圖片產生 Slack 自訂表情（128×128 / 128KB 以內）的免費工具，支援字型、顏色、描邊與 GIF 動畫，也可用於 Discord 表情，全程在瀏覽器中完成。
Favicon 產生器是什麼?
Favicon 產生器是一款只要一張圖片,就能一次製作 favicon.ico 與各裝置專用圖示,並自動輸出設置用 HTML 程式碼的工具。免上傳,只需將圖片載入瀏覽器,即可備齊所有尺寸的圖示。
輸出內容包含:瀏覽器分頁顯示用的 favicon.ico(內含 16 / 32 / 48px 多解析度)、iPhone 主畫面用的 Apple Touch 圖示(180px)、Android Chrome 與 PWA 使用的 192 / 512px 圖示,以及 site.webmanifest(manifest.json)。若上傳的是 SVG,還會一併附上適用於現代瀏覽器的向量 icon.svg。
背景色、留白(padding)與圓角皆可即時調整,並立即反映於預覽。無論是替透明背景的 PNG Logo 加上白色背景,或是製作圓角圖示都能自由設定。manifest 的應用程式名稱與佈景主題色也可輸入,並能連同設置用的 HTML 程式碼一起複製與下載。
上傳的圖片全部在使用者的瀏覽器內處理,不會傳送至外部伺服器。即使是機密 Logo 或尚未公開的設計也能安心使用。免費、免註冊,全程在瀏覽器中完成。
使用方法
- 將圖片(PNG / JPG / WebP / SVG)拖放到拖放區,或點擊選擇(也支援從剪貼簿貼上)。
- 視需要調整背景色、留白與圓角,預覽會即時更新。
- 輸入 manifest 設定(應用程式名稱、短名稱、佈景主題色、背景色)。
- 個別下載產生的各個圖示,或按「下載 ZIP」一次取得整組檔案。
- 將 ZIP 內的檔案放到網站根目錄,並把顯示的 HTML 程式碼貼到 <head> 中。
使用情境
- 想為新上線的網站或部落格,設置會顯示於瀏覽器分頁與書籤的 favicon。
- 不只需要 favicon.ico,還想一次備齊 iPhone / Android 主畫面與 PWA 用圖示。
- 想從 Logo 圖片製作各裝置適用的圖示組,並直接複製設置用 HTML 使用的網站製作人員。
- 想將機密 Logo 或尚未公開的設計轉成圖示,又不想上傳到外部、只在本機處理的情境。
- 想從 SVG Logo 同時備齊適用於現代瀏覽器的 SVG favicon 與各尺寸點陣圖。
注意事項
- 輸出檔案包含 favicon.ico(16 / 32 / 48px)、favicon-16x16.png、favicon-32x32.png、apple-touch-icon.png(180px)、android-chrome-192x192.png、android-chrome-512x512.png 與 site.webmanifest。
- favicon.ico 是將 16 / 32 / 48px 整合為一個檔案的多解析度圖示。
- Apple Touch 圖示不支援透明背景,因此即使將背景設為「透明」,仍會以白色填滿。
- 建議使用接近正方形的圖片。長寬比不同的圖片會置中並補上留白。
- 僅在上傳 SVG 時,套件中才會額外包含向量格式的 icon.svg。