What image format and size should I upload for the best results?

Upload a square PNG or JPEG image at least 512×512 pixels for best results. A transparent background looks best for icon designs. SVG and WebP are also accepted.

Which favicon sizes are generated?

The tool automatically generates: 16×16, 32×32, and 48×48 combined into a single favicon.ico; 180×180 apple-touch-icon.png for iPhone/iPad; 192×192 and 512×512 for Android and Progressive Web Apps (PWA). A ready-to-use HTML snippet and manifest.json are also included.

How do I add the generated favicon to my website?

Download the ZIP, place all files in your website's root directory, then copy the generated tags into the section of your HTML. For Next.js or Vite projects, place favicon.ico at the root of the public folder.

What is an ICO file and why do I need it?

ICO is an icon format used by Windows browsers and legacy browsers. It can bundle multiple sizes (16×16, 32×32, 48×48) into a single file. Modern browsers use PNG favicons, but including favicon.ico ensures maximum compatibility with older browsers and Windows desktop shortcuts.

Web 圖標 (Favicon) 生成器

網頁圖標 (Favicon) 生成器

免費線上 Web 圖標生成工具。上傳一張圖片，即可一鍵生成全套支援主流瀏覽器與行動裝置的圖標：包含 favicon.ico、Apple Touch Icon、Android Chrome Icon 與 Windows Tile，並自動產生對應的 HTML 與 Manifest 設定檔。所有處理均於瀏覽器端完成，不上傳任何檔案，100% 保護隱私。

上傳圖標原圖

建議使用 512×512 以上的正方形 PNG 圖片

支援 PNG、JPEG、WebP、SVG 等常見格式

常見問題

上傳什麼格式、尺寸的圖片效果最好？

建議上傳至少 512×512 像素的正方形 PNG 圖片，透明背景效果最佳。也接受 JPEG、WebP、SVG 等格式。

會生成哪些 Favicon 尺寸？

自動生成 16×16、32×32、48×48（ICO 格式）、180×180（Apple Touch Icon）、192×192 與 512×512（Android/PWA）等尺寸，並附上對應的 HTML 標籤範本與 manifest.json。

如何將生成的 Favicon 套用到網站？

下載 ZIP 壓縮包後，將所有檔案放置於網站根目錄，並將工具提供的 HTML 標籤複製貼上至 `<head>` 區塊即可。

ICO 檔案是什麼？為什麼需要它？

ICO 是 Windows 和舊版瀏覽器使用的圖示格式，可在單一檔案中包含多個尺寸。現代瀏覽器主要使用 PNG，但保留 ICO 可確保最大相容性。

CM Web Toolbox

網頁圖標 (Favicon) 生成器

產生全套圖標

常見問題

網頁圖標 (Favicon) 生成器

產生全套圖標

常見問題

你可能也需要