什么是 ICO 圖示？
ICO 是 Windows 以及網站常用的一种圖示文件格式（Icon File）。與普通的 PNG 或 JPG 圖片不同，一個 ICO 文件內部可以包含多張不同尺寸和顏色深度的資料圖层。
最常見的應用場景是作為網站的 favicon.ico。当您在瀏覽器中打開網页時，標签页上显示的小圖示就是它。為了在不同的裝置（如普通显示器、Retina視網膜螢幕、手机收藏夹）上都能清晰显示，網站的 favicon 通常需要打包多种尺寸，这就是本工具存在的原因。
如何使用線上產生器
-
1
準备原圖：建議您使用解析度為 256x256 或 512x512 的正方形圖片，支援 PNG、JPG 或 WebP 格式。如果原圖带透明背景（PNG），產生的 ICO 也將完美保留透明度。
-
2
上傳文件：點選虚线框選擇文件，或者直接將圖片拖曳到上傳区域。
-
3
選擇尺寸：在定制選项区，勾選您需要打包進 ICO 文件的尺寸。我们的工具會自動將它们打包成一個多层 ICO。
-
4
一鍵產生：點選產生按钮，文件將在瞬間處理完毕并自動下載到您的本地电脑。
工具功能特點
🛡️ 純前端處理，保護隱私
所有圖片轉換均在您的瀏覽器本地進行，不會將任何圖片上傳到我们的伺服器，100% 保護您的隱私和資料安全。
⚡ 毫秒级產生體驗
利用現代瀏覽器的 HTML5 Canvas 繪圖能力，利用底层二進制封装，轉換速度極快，無需等待。
📦 真·多尺寸打包
產生的并非是强行修改後缀名的圖片，而是符合微软標準规范的 ICO 容器文件，完美兼容各大瀏覽器與繫统。
💎 完美保留透明度
支援带有 Alpha 通道的 PNG/WebP 圖片，轉換後的 ICO 依然能够完美展現透明邊緣，無白边、無锯齿。
常見問題 (FAQ)
1. 網站的 favicon.ico 應该放在哪裡？
產生 favicon.ico 文件後，您需要將其上傳到您網站的根目錄（即通常與 index.html 同级）。然後在網站的
<head> 標签中添加如下程式碼：<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
2. 為什麼我换了新的 favicon 不生效？
这通常是瀏覽器缓存导致的。瀏覽器對 favicon 有著极强的缓存机制。解决办法：按
Ctrl + F5 强制重整页麵，或者在圖示連結後麵加上時間戳，例如 href="/favicon.ico?v=2"。
3. 為什麼我產生的圖示变長/扁了？
ICO 文件规范要求內部的圖像資料是彻底的正方形。如果您的原圖是長方形，工具在打包時會强制將其縮放至正方形结构中。所以请务必使用正方形的圖片進行轉換。
4. ICO 文件和直接把後缀改成 .ico 有什么区别？
区别非常大。虽然部分現代瀏覽器很智能地容错了，可以直接把 png 文件改後缀当做 icon 渲染，但这在旧版 IE 繫统、或者被用作 Windows 桌麵快捷方式圖示時會导致無法识别。一個合法的 ICO 文件包含特有的位圖结构頭，必须通過演算法轉換。
5. 多尺寸打包會使文件变大吗？
是的，因為一個 ICO 文件其實是個“容器”，如果你勾選了全部 6 個尺寸，那么这 6 個不同尺寸的圖片資料都會被塞入同一個 ICO 文件中。一般几十KB到一百KB属于正常范围，為了更快的页麵加載速度，你可以只勾選 16x16 和 32x32 这两個最基础的尺寸。
6. 支援產生用于 Windows 應用程式的圖示吗？
完全支援！Windows 應用 (.exe) 調用的也是標準的 ICO 文件。请勾選所有尺寸選项特别是包含最大號的 256x256，这樣当使用者在桌麵上將圖示放大時，也不會出現模糊發虚的情况。
7. 苹果裝置（iOS / macOS）怎么設定瀏覽器圖示？
除了設定基础的 favicon.ico 外，苹果繫统（尤其是把網页書签添加到主螢幕時）目前推崇采用
apple-touch-icon 標签引入一張高解析度的 PNG 原圖（推薦180x180）。这是對 ICO 的一個补充。
8. 線上處理速度快吗？對網速有要求吗？
處理過程是秒開级别的。因為所有圖像的壓縮、重绘都用到了 HTML5 Canvas 以及 DataView 的本地算力支援，只要網页一加載完成，後續的操作都离线运行，不受網速约束和影响。