上线前准备好
在线把图片转换成图标
Img to Icon 可以把 logo、头像、吉祥物或产品标识转换成真实网站需要的图标文件。你可以上传图片、调整成干净的正方形、预览小尺寸效果，然后保存 favicon.ico、PNG 图标、Apple Touch Icon 和 PWA manifest。
整个转换过程都在浏览器中运行。这对客户 logo、未发布的应用标识或临时创意尤其重要，因为源图片不会上传到服务器。设计师和开发者可以在导出前测试留白、背景色和圆角。
本地图标工坊
图片 转 图标 工具
把 PNG、JPG、WebP 或 SVG 标志转换成一整套 favicon 和应用图标。所有处理都在你的浏览器本地完成，文件不会离开设备。
把图片拖到这里
支持 PNG、JPG、WebP 或 SVG。直接在浏览器本地生成 favicon.ico 和应用图标。
网站 Favicon
用同一张源图片生成浏览器标签页图标。标识比较明确时可以裁剪，logo 需要呼吸感时可以加留白。
快捷方式 ICO
下载包含多个尺寸的 ICO 文件，用于传统 favicon 和桌面快捷方式。小尺寸图层可以让旧环境显示得更清晰。
App 和 PWA 图标
生成更大的 PNG 尺寸，用于手机主屏、安装提示和 PWA。图标包里也包含路径写好的 manifest 文件。
一次下载，多处使用
这个图片转图标工具会生成什么
实用的图片转图标流程不应该只给一个小文件。发布落地页、文档站、内部工具、PWA 或个人项目时，通常需要多个图标文件和一段 HTML 代码。这个转换器会直接给你浏览器友好的完整文件集。
只想快速修复 favicon 时，可以单独下载 favicon.ico。需要完整网站文件夹、manifest 和 HTML 片段时，可以下载整个图标包。
ZIP_EXPORT
favicon.ico ICO 15 KB
favicon-32x32.png PNG 1.2 KB
apple-touch-icon.png PNG 6.4 KB
android-chrome-512x512.png PNG 14 KB
site.webmanifest JSON 0.4 KB
如何使用图片转图标工具
1
上传
拖入 PNG、JPG、WebP 或 SVG 图片。正方形源图最理想，宽图也可以处理。
2
塑形
选择裁剪、完整显示或拉伸。调整图标画布时，预览会实时更新。
3
样式
添加留白、圆角，保留透明背景，或选择一个纯色背景做成整洁的图标块。
4
预览
导出前检查小尺寸效果。如果 16 像素还能辨认，大尺寸通常也会表现不错。
5
下载
保存 favicon.ico，或下载包含 PNG 文件、manifest 和 HTML 片段的完整图标包。
从小图标到安装图标
图片转图标常用尺寸
图标会出现在很多不同场景。浏览器标签页需要清晰强烈的轮廓，PWA 安装界面则可以展示更大、更柔和的图标。这个工具会从一张源图生成多个尺寸，方便浏览器、设备或快捷方式按需使用。
| 尺寸 | 常见用途 | 建议 |
|---|---|---|
| 16x16 | 小型浏览器标签页和旧版 favicon 显示。 | 尽量使用轮廓明确、细节少的图形。 |
| 32x32 | 现代 favicon PNG 和高密度标签页显示。 | 这是网站 favicon 代码里很实用的默认尺寸。 |
| 48x48 | 桌面快捷方式和部分系统界面。 | 保持主体居中，识别度要高。 |
| 180x180 | Apple Touch Icon，用于保存到主屏幕。 | 移动端通常更适合搭配纯色背景。 |
| 192x192 / 512x512 | PWA 和 Android 安装图标。 | 导出前尽量使用清晰度足够高的源图。 |
让小尺寸也清楚
下载前的设计检查
图片转图标效果通常取决于源图是否简洁。Favicon 很小，细线、微小文字、复杂截图和繁忙照片都会变得模糊。导出前请用实时预览检查最小尺寸。
如果 16 像素或 32 像素预览不清楚，可以尝试更大胆的裁剪、更多留白或纯色背景。居中且对比清晰的形状，比复杂图片更能适应图标尺寸。
更适合
简单 logo、扁平吉祥物、正方形标识、粗体首字母和高对比产品符号。
谨慎使用
细节很多的照片、细线条、截图、长文字以及贴边的标识。
粘贴即可上线
生成的图标文件应该放在哪里
对大多数静态站点来说，把生成的文件放进 public 根目录，或放进会原样复制到生产环境的 assets 文件夹即可。然后把生成的 HTML 代码粘贴到文档 head 中。上线后尽量保持 favicon URL 稳定，避免书签、搜索预览和安装快捷方式丢失图标。
浏览器的 favicon 缓存有时很顽固。测试时可以打开无痕窗口、刷新一次，或在实验阶段使用新的文件名。
public/
|-- favicon.ico
|-- favicon-32x32.png
|-- apple-touch-icon.png
|-- android-chrome-192x192.png
|-- android-chrome-512x512.png
`-- site.webmanifest
|-- favicon.ico
|-- favicon-32x32.png
|-- apple-touch-icon.png
|-- android-chrome-192x192.png
|-- android-chrome-512x512.png
`-- site.webmanifest
图片转图标 FAQ
图片转图标是什么意思？
它指的是把普通图片转换成 favicon、桌面快捷方式图标、应用图标、PWA 图标和项目小图标等不同尺寸的图标文件。
可以把 PNG 转成 ICO 吗？
可以。上传 PNG 图片，选择合适的图标尺寸，然后下载多尺寸 ICO 文件和对应的 PNG 文件。
JPG 或 WebP 可以转成图标吗？
可以。JPG 和 WebP 图片都可以转换成图标文件。如果源图没有透明背景，可以使用纯色背景。
源图片必须是正方形吗？
正方形源图最方便，但不是必须。裁剪会填满画布，完整显示会保留整张图片，拉伸会强制铺满图标形状。
这个图片转图标工具免费吗？
免费。基础转换在浏览器中完成，不需要账号就可以快速生成图标。
我的图片会上传吗？
不会。转换过程在你的浏览器本地运行。生成 ICO、PNG 和 manifest 文件时，源图片仍然留在你的设备上。