新站上線
設計師給一張 Logo，前端一次拿到全部尺寸和 head 代碼。
加載中…
使用指南
Favicon 生成器用於把一張 Logo 變成網站需要的整套圖標：favicon-16x16.png、favicon-32x32.png、favicon-48x48.png（瀏覽器標籤與桌面快捷方式）、apple-touch-icon.png 180×180（iOS 主屏）、android-chrome-192x192.png 與 android-chrome-512x512.png（Android 與 PWA），再把 16 / 32 / 48 三張 PNG 封裝成一個多尺寸 favicon.ico，並附上 site.webmanifest 模板與可直接粘貼到 的 代碼。縮放用 pica 高質量重採樣。處理在瀏覽器本地完成。
更新於 2026-09-09约 3 分钟读完
Favicon 生成器用於把一張 Logo 變成網站需要的整套圖標：favicon-16x16.png、favicon-32x32.png、favicon-48x48.png（瀏覽器標籤與桌面快捷方式）、apple-touch-icon.png 180×180（iOS 主屏）、android-chrome-192x192.png 與 android-chrome-512x512.png（Android 與 PWA），再把 16 / 32 / 48 三張 PNG 封裝成一個多尺寸 favicon.ico，並附上 site.webmanifest 模板與可直接粘貼到 <head> 的 <link> 代碼。縮放用 pica 高質量重採樣。處理在瀏覽器本地完成。
它只負責尺寸與打包，不做圖形設計：Logo 本身要在 16px 下仍可辨認，才是好 favicon。
favicon.zip。<link rel=icon>、apple-touch-icon、manifest）貼進 <head>，把解壓後的文件放到站點根目錄，manifest 裏的名稱和主題色按需修改。| 輸入 | 輸出 | 説明 |
|---|---|---|
1024×1024 透明 PNG Logo |
6 张 PNG + favicon.ico（含 16 / 32 / 48）+ site.webmanifest |
透明通道保留 |
1600×900 横版 Logo |
先居中裁成 900×900，再缩放 |
兩側被裁掉 350px |
200×200 小图 |
生成成功但提示「源图短边仅 200px，512px 图标为放大生成」 |
大尺寸圖標會發虛 |
設計師給一張 Logo，前端一次拿到全部尺寸和 head 代碼。
項目已有 favicon，只缺 192 / 512 的 manifest 圖標，生成後取這兩張。
換 Logo 後重新生成整套，覆蓋根目錄同名文件即可。
把 favicon.zip 解壓進 static/ 目錄。
縮到 16px 後細節必然丟失；favicon 應使用簡潔的圖形或首字母，避免細線和小字。
ICO 內部封裝的是 PNG，Windows XP 及更早的資源管理器不支持；現代瀏覽器都能識別。
site.webmanifest 是模板，下載後用文本編輯器修改 name、short_name、theme_color 即可。
裁剪、縮放與 ICO 封裝都在瀏覽器本地完成，Logo 不會上傳到任何服務器。
更新於 2026-09-09
一張 Logo 生成全套網站圖標：多尺寸 PNG + ICO + manifest
此工具尚未完整翻譯，部分內容使用源文或回退語言。