Favicon 圖標生成器
把任意圖片變成一套完整的網站圖標——裁剪、縮放並導出全部 6 種標準尺寸,附打包好的 ZIP、site.webmanifest 和可直接粘貼的 HTML 代碼,全程在瀏覽器內完成
產生的檔案清單
| 目標 | 輸出尺寸 |
|---|---|
| 瀏覽器 favicon | favicon.ico(打包 16+32+48)、favicon-16.png、favicon-32.png |
| Apple touch | 180×180 PNG(套用不透明背景) |
| Android / PWA | 192×192 與 512×512(另附 maskable 內距版本) |
| Windows 圖磚 | 144×144 msapplication |
邊緣銳利的標誌可改用最近鄰居演算法縮小;相片則預設平滑重新取樣。全部都在用戶端以 canvas 運算 — 原始影像絕不上傳。
一個圖示,滿足所有平台要求的尺寸
只要上傳一次,就能取得從 16 px favicon 到 512 px PWA 圖磚的全部尺寸,下載前還能先預覽各平台效果。
專業級裁剪
可視化裁剪框配合實時尺寸滑塊,準確定位圖片的最佳區域——拖動調整位置、縮小拉近,所有預覽即時更新。
六種尺寸,一鍵搞定
16、32、48、180、192 和 512 像素——瀏覽器、iOS 和 Android 需要的完整尺寸集。可逐個下載,也可打包成一個可直接部署的 ZIP。
零上傳
圖片永遠不會離開你的瀏覽器。私密設計稿或客戶項目都能放心處理,裁剪、導出、打包全程本地完成。
常見問題
我到底需要哪些尺寸?⌄
16 和 32 像素這一對覆蓋經典瀏覽器標籤頁,180 像素是 iOS 主屏唯一會讀取的尺寸,192 和 512 像素則是 Android 和 Chrome 清單要求的。生成全部六種就覆蓋了所有現代平臺——這也是目前多數網站標配的尺寸集,ZIP 打包讓它們始終在一起,非常省心。
我的圖片會上傳到服務器嗎?⌄
不會。圖片的讀取、裁剪和導出完全在你的瀏覽器內完成,不會發送到任何地方。即使是私密設計稿或客戶項目,也可以放心生成圖標,文件不會離開你的設備。
爲什麼我的 ZIP 沒有壓縮?⌄
PNG 本身就是壓縮格式,在 ZIP 裏再壓縮一遍只會白白耗費時間和電量,體積不會有任何減小。生成的 ZIP 按原樣存儲每張 PNG——裏面的每個文件都與單獨下載的完全一致,任何解壓工具都能正常讀取。
為什麼我的圖示在 16 px 看起來模糊?⌄
細節太多的標誌被壓到 16×16 時必然走樣。小尺寸請改用簡化圖形(一個符號、兩種顏色)— 預覽會忠實呈現哪些細節留得住。
相關工具
什麼是 Favicon 生成器?
Favicon 是顯示在瀏覽器標籤頁、書籤和應用啓動器裏的小圖標。Favicon 生成器把你的 Logo 或任意圖片轉換成現代平臺需要的全套尺寸——從 16 像素的標籤頁小圖標,到 Android 安裝應用時使用的 512 像素大圖標。不必再同時擺弄圖片編輯器和一堆文件轉換工具:上傳一張圖片、選好裁剪區域,全部六種尺寸立刻導出——可以逐個下載,也可以打包成 ZIP,還會生成 site.webmanifest 和把一切接進頁面 head 的 HTML 代碼。
你會得到什麼
- 🖼️ 經典瀏覽器標籤頁和書籤用的 16、32、48 像素圖標
- 🍎 iOS 主屏使用的 180 像素 apple-touch-icon
- 🤖 Android 和 Chrome Web 清單用的 192、512 像素圖標
- 📦 一個包含全部文件的 ZIP,直接丟進站點根目錄即可
- 📄 列出全部六種圖標的 site.webmanifest
- 🔗 可直接粘貼進頁面 head 的 link 代碼塊,含 theme-color
什麼時候用
- 新網站或博客上線,第一次搭建站點形象時
- 替換老站點上過時、模糊或缺失的圖標時
- 需要給客戶或主題打包一套 favicon 時
隱私:你的圖片永遠不會離開瀏覽器。裁剪、縮放、ZIP 打包和全部導出都在你的設備本地完成。