图片工具 · 生成 / 占位

ICO/Favicon 生成

单图→16/32/48/64/multi-ico

✓本地处理 · 不上传 ✓免费 · 无需登录 ✓无次数限制累计 112 次使用

ICO · Apple Touch · PWA · 本地手写编码

拖入 / 点击 / 粘贴 LOGO 图片

建议方形 PNG / SVG ≥ 512×512 · 一键生成 favicon.ico + 全套 PNG + HTML 片段
截图直接 CtrlV 粘贴

Generated locally — nothing uploaded

上传 LOGO 后，
这里实时预览标签页 / App 图标 / 各尺寸清晰度

本地处理：全部在浏览器 Canvas 完成，原图不离开本机。favicon.ico 由本工具手写 ICO 容器编码（内嵌 16/32/48 PNG），现代浏览器与系统均可识别。

就绪 · 拖入或粘贴 LOGO 图片开始

第一节

关于本工具

About

浏览器标签页一多，那个 16×16 的 favicon.ico 就是网站的门面，但 PhotoShop 导出的单尺寸 ico 在 Win7 任务栏和高分屏上要么糊要么留白。这个工具把一张 PNG 原地转成内含 16/32/48/64 四档尺寸的 multi-ico，每个尺寸独立重采样，不依赖任何后端服务器——图片全程留在本地，关网页即销毁。适合前端开发者批量替换站点图标，或独立站长在 favicon.cc 之外多一个离线备选。

使用场景

壹

浏览器标签栏变白

Chrome 更新后，收藏夹里十几个旧网站的 favicon 全部变成空白页图标。在标签页堆叠时根本分不清哪个是哪个，每次都要点开看标题。把每个网站的原始 logo 图拖进本工具，输出 16×16 和 32×32 两种尺寸的 .ico 文件，替换掉浏览器缓存里的默认图标。48×64 的尺寸用不上，但工具自动一并生成，不影响加载速度。

贰

给甲方做演示原型

用 Figma 画了 20 页高保真原型，每页顶部标签栏需要显示品牌 favicon。甲方要求所有页面图标统一为项目临时 logo，但 Figma 预览时只能嵌入 .ico 文件。把设计稿里的圆形 logo 裁成 64×64 的 PNG，丢进工具生成 multi-ico。16×16 的尺寸在 Figma 预览小标签上清晰，48×48 的尺寸在演示时放大看也不模糊。

叁

老系统升级换图标

公司内部 OA 系统用了十年，浏览器标签图标还是 IE6 时代的 16×16 像素模糊方块。新设计部门给了高清矢量 logo，但运维说服务器只认 .ico 格式，且必须包含 16、32、48 三种尺寸才能兼容 XP 到 Win11 的所有浏览器。把矢量图导出为 256×256 的 PNG，用本工具一次生成包含四种尺寸的 multi-ico 文件，替换后所有同事的收藏夹和标签栏都变清晰了。

肆

个人博客换域名

博客从 subdomain.github.io 迁移到独立域名，但旧域名下的 favicon 已被搜索引擎收录。新域名部署后，Google 搜索结果的站点图标还是旧图。重新设计了一个 64×64 的纯色图标，用本工具生成 .ico 并上传到根目录。工具自动补齐了 16×16 和 32×32 的尺寸，确保在移动端 Chrome 和桌面端 Safari 的搜索结果页都能正常显示新图标。

伍

给 RDP 快捷方式配图标

IT 运维需要给 30 台远程服务器的 RDP 连接文件分别设置不同颜色的图标，方便运维人员区分生产环境和测试环境。Windows 的 .rdp 文件默认图标是白色显示器，没法改颜色。把红蓝绿三种颜色的 32×32 小方块 PNG 分别用本工具转成 .ico 文件，替换快捷方式的图标属性。16×16 的尺寸在资源管理器小图标视图下也能看清颜色区别。

第二节

使用指南

Getting Started

使用步骤

1点击上传区域或拖拽一张 PNG/JPG 图片到虚线框内，预览区立即显示原图缩略
2在「输出尺寸」列表勾选需要的尺寸（16×16、32×32、48×48、64×64），已选尺寸右侧出现预览图标
3勾选「生成多尺寸 ICO」后，输出格式自动切换为 .ico，预览区合并显示所有尺寸的缩略图
4点击「下载」按钮，浏览器自动保存一个 .ico 文件（包含已勾选的全部尺寸）

输入输出示例

输入	输出	说明
512x512 像素 PNG 图标（如应用商店图标）	生成 16x16、32x32、48x48、64x64 四个尺寸的 .ico 文件，含多尺寸图层	常规：高分辨率源图，验证工具能否正确缩放到多个小尺寸并打包为 multi-ico
32x32 像素 GIF 图标（如旧版网页 favicon）	生成 16x16、32x32、48x48、64x64 四个尺寸的 .ico 文件，GIF 透明背景保留	常规：小尺寸源图，验证工具对非 PNG 格式（GIF）的支持及透明通道处理
1x1 像素单色 PNG	生成 16x16、32x32、48x48、64x64 四个尺寸的 .ico 文件，放大后为纯色块	边界：极端小尺寸源图，验证工具在超低分辨率下的缩放行为（不报错、不生成空文件）
10000x10000 像素超大 JPEG 照片	生成 16x16、32x32、48x48、64x64 四个尺寸的 .ico 文件，内存不足时可能失败	边界：超大源图，暴露工具对文件大小或像素总量的处理上限（可能触发浏览器或服务端限制）
带有透明通道的 256x256 像素圆形图标（如系统托盘图标）	生成 16x16、32x32、48x48、64x64 四个尺寸的 .ico 文件，圆形区域保持透明	易错：透明区域在缩小时可能产生锯齿或半透明边缘，验证工具的抗锯齿和 alpha 保留质量
非正方形图片：400x300 像素横图	生成 16x16、32x32、48x48、64x64 四个尺寸的 .ico 文件，默认居中裁剪为正方形	易错：非正方形源图，用户常误以为会等比例缩放，实际输出会裁剪，需在界面提示
包含文字的小尺寸图标（如 48x48 像素带数字的按钮图标）	生成 16x16、32x32、48x48、64x64 四个尺寸的 .ico 文件，小尺寸下文字模糊不可辨	易错：小尺寸源图含细节（文字），用户期望保留可读性，实际缩放后细节丢失，需说明分辨率限制

常见错误对照

1.源图不是正方形，导致图标变形

✗ 错误上传一张 800×600 的横图直接生成

✓ 修复先用裁剪工具将图片裁为 1:1 正方形（如 512×512）再上传

ICO 格式各尺寸均为正方形，非正方形源图会被强制拉伸或留白，破坏图标比例和视觉一致性。

2.源图尺寸过小，放大后模糊

✗ 错误上传 16×16 的小图生成 64×64 的图标

✓ 修复源图至少 256×256，推荐 512×512 或更大

图标放大依赖插值算法，源图像素不足时只能补间填充，边缘锯齿和模糊不可避免，无法恢复细节。

3.透明背景未正确处理，导出白底

✗ 错误用 JPEG 格式图片（不支持透明）作为源图

✓ 修复使用 PNG 格式图片，确保透明区域为纯 alpha 通道

ICO 格式支持透明通道，但 JPEG 不含 alpha，透明区会被自动填充为白色，破坏图标叠加效果。

4.多尺寸 ICO 里混入不需要的尺寸

✗ 错误直接生成包含 16/32/48/64/128/256 全部尺寸的 ICO 文件

✓ 修复按操作系统需求选择 16/32/48/64 四个常用尺寸

ICO 文件内每多一个尺寸就增加约 4KB 体积，Windows 资源管理器只读取前几个尺寸，多余尺寸浪费空间。

5.源图包含过多细节，缩小时无法辨识

✗ 错误上传一张包含 20 个细文字的产品海报作为源图

✓ 修复使用简洁图形、高对比度、粗轮廓的 Logo 或图标

16×16 尺寸只有 256 像素，复杂细节在缩小时会全部丢失，只剩模糊色块，图标失去辨识度。

6.颜色过多导致 16×16 出现噪点

✗ 错误源图使用渐变色和 256 色以上的调色板

✓ 修复将源图颜色压缩到 16 色或 32 色内，或使用纯色块设计

16×16 图标每个像素只有 1 字节索引空间，颜色数超过 16 时浏览器会强制抖动，产生颗粒噪点。

7.直接使用透明 PNG 但未检查边缘半透明

✗ 错误源图边缘有 1-2 像素的羽化或半透明过渡

✓ 修复在图像编辑软件中将边缘羽化去除，或使用硬边缘裁剪

ICO 格式的透明通道不支持半透明渐变，半透明像素会被二值化为全透明或全不透明，产生锯齿白边。

第三节

工作原理

How It Works

核心公式

ICO 文件大小 = Σ(每层位图大小) + 文件头 + 目录项

变量说明

每层位图大小单层 PNG 或 BMP 数据字节数
文件头6 字节固定 ICO 文件头
目录项每层 16 字节目录条目，共 N 层

示例

生成含 16×16、32×32、48×48 三层的 ICO：每层 PNG 压缩后约 0.8 KB、1.5 KB、3.2 KB。文件头 6 字节 + 目录项 3×16=48 字节 = 54 字节。总大小 ≈ 0.8+1.5+3.2+0.054 ≈ 5.55 KB。实际输出约 5.6 KB，因 PNG 压缩率略有浮动。

用户操作本地处理输出封装

第五节

常见问题

Q & A

问我上传的图片是 PNG，能转成 ICO 吗？转出来会不会变模糊？＋

答

可以，PNG、JPG、GIF、BMP 等常见格式都支持。模糊通常是因为原图尺寸太小，比如 16×16 像素的图放大到 64×64 就会糊。建议上传原图至少 64×64 像素，这样生成的 16/32/48/64 各尺寸都清晰。工具会自动缩放，不会拉伸变形。

问为什么我生成的 ICO 文件在电脑上显示是黑色方块？＋

答

常见原因是原图背景是透明，而 Windows 资源管理器在某些视图模式下用黑色背景显示透明区域。解决办法：上传前给图片加个白色或浅色背景（比如用画图工具填充），这样 ICO 图标在文件夹里就能正常显示。如果是网站 Favicon，透明背景不影响浏览器显示。

问这个工具能生成多尺寸的 ICO 吗？我只需要 16×16 的行不行？＋

答

可以生成多尺寸 ICO，默认会包含 16、32、48、64 四种尺寸。如果只想输出单一尺寸，上传图片后在界面选择“仅生成 16×16”或指定尺寸即可。多尺寸 ICO 适合需要兼容不同显示场景（如任务栏、桌面、浏览器标签页），单一尺寸则文件更小。

问上传图片后处理要多久？图片太大是不是会很慢？＋

答

因为是纯浏览器处理，速度取决于图片大小和电脑性能。一般 1MB 以内的图片几秒内完成。如果图片超过 5MB，缩放计算会稍慢（约 10-20 秒）。建议上传前压缩到 500KB 以内，不影响图标清晰度且处理更快。工具没有文件大小上限，但超大图片浏览器可能会卡。

问图片会不会上传到服务器？隐私安全吗？＋

答

本工具完全在浏览器本地处理，图片不会上传到任何服务器。所有缩放、格式转换都在你电脑内存里完成，关闭页面后数据自动清除。适合处理带敏感信息的图标设计稿或公司 Logo。可以断网使用，打开页面后即使离线也能正常生成。

问生成的 ICO 在 Mac 上打不开，怎么办？＋

答

macOS 预览程序对 ICO 格式支持有限，部分版本无法直接预览多尺寸 ICO。可以尝试用第三方看图软件（如 XnView、GIMP）打开，或者拖到浏览器里查看。更简单的方法：生成时选择“仅 32×32”单一尺寸，Mac 兼容性更好。如果用于网站 Favicon，直接上传到服务器就行，浏览器都能识别。

问为什么我用截图转的 ICO 图标边缘有锯齿？＋

答

截图通常是矩形，直接缩放成小尺寸（如 16×16）时，边缘像素会因采样产生锯齿。建议上传前先用图片编辑软件把截图裁剪成正方形，并给图标主体留出边距（至少 2 像素）。工具内部使用双线性插值算法缩放，对非正方形原图会自动填充白色背景，但圆形或异形图标效果最好。

问这个工具和 Photoshop 做 ICO 有什么区别？＋

答

PS 需要手动设置每层尺寸、导出插件，操作步骤多且容易出错。本工具自动生成 16/32/48/64 四个标准尺寸并打包成多尺寸 ICO，点一次就能下载。缺点是只能做基本缩放，无法像 PS 那样单独优化每个尺寸的细节（比如给 16×16 单独加粗轮廓）。适合快速出图，不适合精细调整。

隐私保证所有计算与处理均在你的浏览器本地完成，输入数据不会上传服务器，也不会保存或共享。