常用工具 ▾

PDF工具▾

Excel工具▾

解压缩工具▾

扫码传文件

图像工具 ▾

图像压缩

图像转Word

图像转Excel

图片格式转换

像素画放大

图像裁剪

图像水印

图像色彩调整

图片转Icon

二维码生成解析

编程工具 ▾

Base64编解码

UUID生成

身份证号码生成

JSON格式化

批量添加前后缀

时间戳转换

随机密码生成

音频工具 ▾

音频识别

图片转 Icon 图标

上传图片生成多尺寸 PNG、ICO、SVG 图标，支持透明背景、圆角、边缘留白，本地 OxiPNG 无损优化

点击或拖拽上传图片

支持 PNG、JPG、WebP、AVIF、GIF（取首帧）、BMP 格式

图标尺寸 勾选需要生成的尺寸

16px ?浏览器标签页 favicon 标准尺寸

32px ?Retina 屏 favicon、桌面任务栏

48px ?Windows 桌面快捷方式图标

64px ?Windows 资源管理器大图标

128px ?Chrome 应用商店、常规应用图标

180px ?Apple Touch Icon（iOS 添加到主屏幕）

256px ?Android 高分屏、ICO 内最大尺寸

512px ?PWA manifest 推荐尺寸

自定义 px

背景

?JPG 等无透明通道的来源建议设置背景色；透明模式保留 PNG 的 alpha 通道

圆角 0%

留白 0% ?logo 四周留出空白，配合圆角使用可避免内容被裁掉

浏览器标签页预览

我的网站 - 在线工具 ×

+

上传图片并生成图标后，这里会展示 16px 图标在浏览器标签页中的实际观感

隐私安全

图片转Icon工具在浏览器本地完成图片裁剪、缩放与编码：PNG 使用 OxiPNG（WebAssembly）优化压缩，图片不会上传到服务器，保护您的隐私。生成的图标文件不包含原始 EXIF 拍摄信息与定位数据。

相关工具

图像压缩 PNG、JPEG、WebP 批量压缩

→

图像转Word 图片识别文字转Word文档

→

图像转Excel 图片识别表格转Excel电子表格

→

图片格式转换 PNG、JPEG、WebP 格式互转

→

← 图像色彩调整 二维码生成解析 →

使用说明

在线图片转 Icon 图标工具可以帮助您快速将任意图片转换为多种尺寸的图标文件，适用于网站 favicon、桌面应用图标、移动端图标等场景。所有处理均在浏览器本地完成，图片不会上传到服务器。

主要功能

• 多尺寸 PNG：一键生成 16、32、48、64、128、180（Apple Touch Icon）、256、512（PWA）八种常用尺寸，可自由勾选，也支持自定义尺寸（16-512 任意整数，最多 12 个）；PNG 经 OxiPNG（WebAssembly）优化，体积更小
• ICO 格式：将已勾选的 ≤256 尺寸打包为标准 ICO 文件（256 为 ICO 规格上限），可直接用作网站 favicon
• SVG 格式：生成 SVG 包装文件（内嵌 256px 位图，并非真正的矢量图形），方便需要 SVG 文件名交付的场景
• 下载全部 ZIP：将所有已生成图标（PNG、ICO、SVG）一键打包下载，避免逐个保存
• 圆角与留白：圆角半径 0-50% 可调；边缘留白 0-25% 可调，为图标四周保留呼吸空间，适配需要紧凑主体的场景
• 背景色：透明背景或自定义颜色，透明 PNG 适合叠加在任意界面上
• 智能裁剪：非正方形图片自动居中裁剪为正方形；自动读取 EXIF 方向信息，手机竖拍照片方向正确
• 高清缩放：源图远大于目标尺寸时逐级高质量缩小，避免 4000px 大图一步缩到 16px 产生失真
• favicon 标签页预览：模拟浏览器标签栏展示 16px favicon 实际显示效果，支持浅色 / 深色主题切换
• 接入代码生成：自动生成 HTML <link> 标签与 manifest.json icons 配置片段，一键复制即可接入网站
• 文件体积展示：每个尺寸显示生成后的文件大小，方便评估

使用方法

1. 点击上传区域选择图片，或直接拖拽图片到上传区域
2. 勾选需要的尺寸（默认八档全选），或在自定义尺寸中输入 16-512 之间的任意像素值
3. 需要圆角、边缘留白时展开「圆角与留白」折叠项，拖动滑块实时调整（有 250ms 防抖，停止拖动后自动重新生成）
4. 选择背景色：透明或自定义颜色
5. 点击单个图标可放大预览，查看每个尺寸的文件体积
6. 点击图标卡片上的「下载」按钮单独下载对应尺寸的 PNG
7. 点击「ICO」按钮获取 favicon.ico（仅包含 ≤256 的已勾选尺寸）；点击「SVG」按钮获取 SVG 文件；点击「下载全部 ZIP」一次性打包所有图标
8. 在「浏览器标签页预览」中切换浅色 / 深色主题，确认 16px favicon 的实际显示效果
9. 在「接入代码」中切换 HTML / manifest.json 标签页，复制生成的代码片段粘贴到网站中
10. 点击「重置」按钮清空当前操作，重新上传

支持格式

• 输入格式：PNG、JPG、WebP、AVIF、GIF（取首帧）、BMP
• 输出格式：PNG（多尺寸，OxiPNG 优化）、ICO、SVG

尺寸怎么选？

• 16×16 / 32×32：浏览器标签页 favicon，两个都勾选可覆盖高分屏
• 180×180：Apple Touch Icon，iPhone 添加到主屏幕 / Safari 书签使用
• 192×192 / 512×512：PWA 与 Android 应用图标，manifest.json 必备（192 可通过自定义尺寸添加）
• 256×256：ICO 规格上限，也是桌面软件常用尺寸
• 不确定时保持默认全选并使用「下载全部 ZIP」即可

适用场景

• 网站 favicon.ico 图标生成
• 桌面应用程序图标
• 移动端 App 图标与 Apple Touch Icon
• PWA 应用图标（manifest.json）
• 浏览器扩展图标

常见问题

ICO 文件里包含哪些尺寸？

ICO 规格单尺寸上限为 256×256，工具会把已勾选的 ≤256 尺寸全部打包进去；如果只勾选了 512 这类超大尺寸，ICO 按钮会置灰，此时请补充勾选一个 ≤256 的尺寸。

生成的 SVG 是矢量图吗？

不是。SVG 文件内嵌的是 256px 的 PNG 位图，只是以 SVG 容器包装，放大超过 256px 后不会更清晰。如需真矢量请使用源矢量文件制作图标。

为什么修改圆角 / 留白后图标没有立刻更新？

滑块做了 250ms 防抖处理，停止拖动后才会重新生成，避免拖动过程中频繁编码造成卡顿。

接入代码里的 link 标签放哪里？

HTML 片段粘贴到页面 <head> 内；manifest.json 片段合并到你的 manifest 文件，并把图标文件放到对应路径。未勾选 192/512 时建议先补充勾选，PWA 清单通常需要这两个尺寸。

开源许可

工具使用的 OxiPNG 优化器来自 Squoosh (opens new window)（Apache-2.0），ZIP 打包使用 JSZip (opens new window)（MIT），详见许可说明。