🌟
免費網站圖示產生器
將任意圖片轉為完整的網站圖示包：多尺寸 favicon.ico、Apple 觸控圖示、Android/PWA 圖示、Web 清單和可直接貼上的 HTML 程式碼片段——全部打包為 ZIP，在瀏覽器中完成。
將檔案拖放到此處或點選瀏覽
PNG, JPG, WebP, SVG, HEIC, HEIF · 無強制大小限制
或按 Ctrl+V 從剪貼簿貼上
你的檔案永遠不會離開你的裝置。所有處理都在你的瀏覽器中本地進行。
💡 為獲得最佳效果，請上傳至少 512×512 的正方形圖片。透明 PNG 或 SVG 效果最佳。
工作原理
此工具將任意 PNG、JPEG、WebP 或 SVG 轉換為完整的網站圖示包——多尺寸 .ico、Apple 觸控圖示、Android/PWA 圖示、Web 清單檔案和可直接貼上的 HTML 片段——完全在你的瀏覽器中使用 Canvas API 和 JSZip 完成。不會上傳任何內容；所有渲染和檔案組裝都在本地進行。
- 1Canvas 縮放你的圖片瀏覽器將源圖片按每種所需尺寸（16、32、48、180、192 和 512 px）繪製到離屏 HTML Canvas 元素上。沒有明確 width/height 屬性的 SVG 會先透過 DOMParser 和 XMLSerializer 規範化，使 Firefox 和 Chrome 產生相同的畫素輸出，而不是空白畫布。
- 2手寫 ICO 編碼器打包 .ico 檔案小尺寸 ICO 條目（16、32、48 px）編碼為原始的 32 位 BGRA DIB 點陣圖——BITMAPINFOHEADER 加上自下而上的 XOR 行和 1bpp AND 遮罩——因為 Windows 外殼元件在這些尺寸下需要未壓縮的 DIB 格式。工具完全使用 DataView 和 Uint8Array 寫入 ICO 目錄頭並拼接各條目，不涉及任何外部 ICO 庫。
- 3透過 canvas.toBlob 產生 PNG 輸出每種 PNG 變體（favicon-16x16、favicon-32x32、apple-touch-icon-180x180、android-chrome-192x192、android-chrome-512x512）透過以 'image/png' 呼叫 canvas.toBlob 獲得，將無損編碼交給瀏覽器內建的圖片引擎。可選的內邊距、背景色和形狀裁剪（方形、圓角或圓形）會在取得前應用到畫布上下文。
- 4JSZip 將所有內容打包為一個下載JSZip 將所有產生的檔案——favicon.ico、五個 PNG、包含你應用名稱的 site.webmanifest，以及帶正確 <link> 標籤的 favicon-snippet.html——組裝成一個 .zip blob，並自動下載到你的裝置。
你的圖片直接載入到瀏覽器的 Canvas API 中，絕不會離開你的裝置——任何時候都不會向伺服器傳輸檔案資料。