ICO 图标制作
上传一张图片，一键生成网站 favicon.ico。可选 16 / 32 / 48 / 64 / 128 或自定义尺寸，多尺寸打包进一个 ico 文件，实时预览标签页效果，本地处理不上传。
🧩
上传图片后，这里会显示各尺寸的图标预览
在线 ICO 图标制作工具介绍
这是一款免费的在线 favicon.ico 生成工具。上传一张 PNG、JPG 或 WebP 图片，勾选需要的尺寸（16、32、48、64、128 或 16–256 范围内的自定义尺寸），即可把多个尺寸打包成一个标准的 favicon.ico 文件下载。生成过程全部在浏览器本地完成，原图不会上传到服务器。
主要功能
- 一次生成多尺寸 ICO：16 / 32 / 48 / 64 / 128 可多选，也可添加 16–256 的自定义尺寸
- 标准 ICO 容器格式，浏览器、桌面快捷方式、书签均可用
- 每个尺寸单独预览，附浏览器标签页效果模拟
- 每个尺寸可单独下载原尺寸 PNG 或 .ico 文件，方便按需部署
- 非正方形图片支持「裁剪填满」或「留白适配」两种处理方式，留白底色可自定义
- 透明背景 PNG 可保留透明通道
- 纯本地处理，不上传原图
使用方法
- 上传图片：拖拽或点击选择，支持 JPG / PNG / WebP
- 勾选需要的尺寸，默认选 16（浏览器标签页最小需求）
- 非正方形图选择「裁剪填满」或「留白适配」
- 在右侧查看各尺寸预览和浏览器标签页模拟效果
- 在每个尺寸卡片上点 PNG 或 ICO 单独下载，放到网站根目录即可
常见问题
favicon.ico 放在网站哪里？
放在网站根目录，大部分浏览器会自动请求 /favicon.ico。也可以在页面 head 里用 <link rel="icon" href="/favicon.ico" sizes="any"> 明确指定。
为什么要包含多个尺寸？
不同场景取用的尺寸不同：浏览器标签页用 16，任务栏 / 桌面用 32 或 48，高分屏和 PWA 场景可能用到 64 以上。一个 ico 里打包多个尺寸，浏览器会自动选最合适的，避免模糊。
生成的 ICO 是什么格式？
采用现代 ICO 容器（内嵌 PNG 数据），Windows Vista 及以后、所有主流浏览器都支持，文件体积也比传统 BMP 编码小很多。
为什么生成的图标看起来不清晰？
ICO 常用尺寸只有 16 / 32px，一张 512px 的原图缩到 16px 时只剩 256 个像素，细节必然丢失，这是所有网站图标的物理上限，不是工具的问题。改善方法：源图尽量选 256×256 以上、图形简单、主体居中、对比强烈的；避免细文字和复杂线条。本工具已采用逐级减半缩放 + 高质量插值来保留边缘锐度。
透明背景支持吗？
支持。上传带透明通道的 PNG，生成的各尺寸图标同样保留透明。留白适配时留白区域为所选底色。
图片会上传到服务器吗？
不会。解码、缩放、ICO 打包全部在你的浏览器里完成，关掉页面即消失。
注意事项
- 源图建议 256×256 以上、主体居中，生成的小尺寸图标才清晰
- 图标缩到 16px 后细节会大量丢失，设计时尽量用简单、对比强的图形
- 若网站已有 favicon，更新后可能需要强制刷新（Ctrl+F5）才能看到新图标
- iOS 添加到主屏幕使用的是 apple-touch-icon，建议另行部署 180×180 PNG