tomai
登入
免費 · SEO工具

Favicon 圖標生成器

把任意圖片變成一套完整的網站圖標——裁剪、縮放並導出全部 6 種標準尺寸,附打包好的 ZIP、site.webmanifest 和可直接粘貼的 HTML 代碼,全程在瀏覽器內完成

🖼️
上傳一張圖片
PNG、JPG 或 WebP——方形圖片裁剪效果最佳
預覽與下載
上傳圖片後即可看到預覽

產生的檔案清單

目標輸出尺寸
瀏覽器 faviconfavicon.ico(打包 16+32+48)、favicon-16.png、favicon-32.png
Apple touch180×180 PNG(套用不透明背景)
Android / PWA192×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 打包和全部導出都在你的設備本地完成。

相關工具