什么是 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 的本地算力支援，只要網页一加載完成，後續的操作都离线运行，不受網速约束和影响。