Favicon生成器
工具用的順手嗎？
你的回饋能幫助我們做得更好
將圖片轉換為網頁可用的ICO圖示，支援多尺寸輸出，適配各類瀏覽器場景。
點選檔案上傳圖片
圖片 (支援格式: .gif, .jpeg, .jpg, .png, .svg, .webp)
最大 1 MB
概覽
了解工具能解決的問題、計算或處理邏輯，以及資料邊界。
Favicon 是網站或頁面使用的小型識別圖示，常出現在瀏覽器分頁、書籤等位置。這個產生器提供兩種起稿方式：上傳一張圖片，或輸入最多 3 個字元（也可切換預設品牌文字），再由 256 × 256 畫布縮放輸出 48、64、128、256 px 的 PNG。像素尺寸代表點陣圖的寬與高；縮到 16 px 時，細線和小字可能不再清楚，應以實際小尺寸檢視。
PNG 是圖片編碼；ICO 則是另一種圖示檔案容器。頁面上 16 × 16 和 32 × 32 的下載按鈕雖顯示 favicon.ico，實際輸出仍是 PNG 圖像，並非含多個尺寸影格的 ICO 檔。若採用 PNG，可在網站 HTML 的 <head> 以 rel="icon" 指向 PNG，並讓 type、sizes 與檔案真實格式和尺寸一致。WHATWG HTML Standard 的 icon 連結說明及範例支援這種標示方式；Google Search Central 也將 PNG 列為搜尋結果 favicon 支援格式（核驗日期：2026-09-30）。
WHATWG HTML Standard：Link type “icon”；Google Search Central：網站 favicon 指引。
指南
依步驟完成操作，並透過範例核對輸入與結果。
圖片模式接受 PNG、JPG/JPEG、GIF、WebP、SVG 等圖片，單檔上限為 1 MiB。文字模式可輸入 1–3 個字元，也能切換預設品牌文字；字型大小可調整，文字色與背景色可填色碼。
上傳圖片會以置中鋪滿的方式放入方形畫布，長方形超出畫布的部分會裁掉。若主體位置偏邊，先在影像編輯器補成正方形或調整留白，再重新上傳。文字模式可選方形、圓形或圓角背景；開啟透明背景後，背景色和形狀選項不適用。
需要一般 PNG 圖示時，選擇 48、64、128 或 256 px 的下載項。16 與 32 px 選項的檔名雖為 favicon.ico，內容格式是 PNG；部署時請改用 .png 副檔名並設定正確的 MIME 類型。
將檔案放到網站可讀取的位置，在 HTML head 中加入相符的 icon 連結。例：<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">。確認路徑、尺寸和格式相符，再以瀏覽器檢查分頁圖示。
情境
查看這項工具在不同工作與生活流程中的用法。
已有 Logo 的網站可先上傳檢查置中裁切，下載一個或多個 PNG 尺寸，再自行加入網站標記。若部署流程要求真正 ICO，需另行製作 ICO 檔。
尚未完成正式圖像時，可用一至三個字元、品牌文字、配色與背景形狀輸出 PNG，供原型或內部測試使用。Emoji 顯示外觀可能隨裝置字型而異。
設計或內容團隊可將圖示分別縮至小尺寸檢查，決定是否要加粗輪廓、減少細節或放大主體；大預覽清楚不代表 16 px 也清楚。
問答
集中解答常見疑問與容易混淆的問題。
不是，16 × 16 與 32 × 32 項目的圖像資料是 PNG。若網站或部署流程需要 ICO 容器，請另行轉換並檢查實際檔案格式。
圖片會置中放大至覆蓋方形畫布，超出的上下或左右區域因此不會出現在預覽。先把原圖補成方形並預留安全邊界即可避免主體被截掉。
形狀設定控制文字模式的背景外框；透明背景沒有要繪製的背景，因此形狀選項停用。圖片模式仍按方形畫布處理圖片。
可以，HTML Standard 提供 PNG icon 的標記範例，Google 搜尋 favicon 指引也列出 PNG。部署時讓連結的副檔名、type 與 sizes 符合檔案實際內容；是否顯示仍由瀏覽器或搜尋服務決定。
須知
使用前了解適用範圍、結果限制與必要提醒。
輸出是由方形點陣畫布縮放而來的 PNG，不會保留向量可編輯性，也不會打包多尺寸 ICO、ZIP、Web App Manifest 或 Apple Touch Icon。圖片會置中裁切；GIF 輸出不應假設保留動畫。透明背景適用於文字圖示設定；上傳圖像模式的透明區域可能受畫布背景影響。請檢查小尺寸的清晰度、實際檔案格式和授權，並依網站部署需求決定是否另備 ICO 或其他平台圖示。
推薦
查找相關工具、專題與可用的 API 能力。
