PNG 转 SVG 与 Favicon 图标生成器
几秒钟就能把 PNG 或 JPG 格式的标志、图标或插画转换为清晰、可无限缩放的 SVG。你还可以打开任意 SVG 查看，并按任意尺寸保存为清晰的 PNG、JPG 或 WebP；也可以用图片、SVG 或文字生成整套网站图标（favicon.ico、Apple 和 Android 图标以及 HTML 标签）。一切都在浏览器中完成，文件不会被上传。
免费 · 无需注册
使用方法
- 选择工具：PNG / JPG 转 SVG、SVG 查看与转 PNG，或 Favicon 与 ICO 生成。
- 要矢量化，先选择图片，再调整颜色数、细节和平滑度，直到 SVG 与原图一致。签名和线稿请使用黑白模式。
- 要转换 SVG，打开文件或粘贴代码，选择 PNG、JPG 或 WebP，选择尺寸（1×、2×、4× 或自定义宽度）和背景，然后下载。
- 制作网站图标时，可以用标志、SVG、文字或表情符号，设置形状、颜色和内边距，然后下载包含 favicon.ico、PNG 图标、Web 清单和 HTML 标签的 ZIP。
为什么使用这个工具
真正的矢量化
图片会被转换为真实的 SVG 路径，而不是把 PNG 嵌进 SVG，因此任意放大都清晰，并且可以编辑。
彩色与黑白
标志可用 2 到 16 种颜色描绘，签名和线稿可用黑白模式并调节阈值。
SVG 转 PNG、JPG、WebP
查看任意 SVG，检查尺寸和 viewBox，并按 1×、2×、4× 或最大 8,192 像素的任意宽度导出。
整套网站图标
最多 7 种尺寸的 favicon.ico、16 和 32 像素 PNG、Apple 触控图标、Android 图标、site.webmanifest 和可直接粘贴的 HTML。
用文字生成图标
还没有标志？用一个字或表情符号，配上你的颜色，生成方形、圆角或圆形图标。
保护隐私
图片在你的设备上处理，不会上传。页面加载后即使离线也能使用。
PNG 转 SVG 的原理
PNG 或 JPG 是由彩色像素组成的网格，而 SVG 用线条和曲线描述图形。转换时，工具先把图片简化为几种纯色，再描出每个色块的轮廓，并把边缘平滑成曲线。这个过程称为矢量化或描图。
它最适合轮廓清晰的标志、图标、剪贴画、文字、签名和插画。照片有成千上万种颜色和柔和渐变，转换后会像海报效果；照片建议继续使用 PNG 或 JPG。
- 从尺寸最大、最清晰的图片开始。
- 颜色数与设计实际颜色一致即可；颜色越少，SVG 越干净、越小。
- 小字和细线需要提高细节，想要更平滑的形状则降低细节。
- 白色或彩色方块背景上的标志，请打开“去除背景”。
2026 年需要哪些 Favicon 尺寸
浏览器、手机和搜索引擎会读取不同的图标文件。下面这套文件可覆盖所有主流浏览器、Google 和百度搜索结果、iPhone 和 iPad 主屏幕以及 Android：
| 文件 | 尺寸 | 用途 |
|---|---|---|
| favicon.ico | 16、32、48 像素 | 所有浏览器、Windows、搜索结果 |
| favicon.svg | 可缩放 | 现代浏览器，任意缩放都清晰 |
| favicon-32x32.png | 32 × 32 像素 | 高分辨率屏幕上的浏览器标签页 |
| apple-touch-icon.png | 180 × 180 像素 | iPhone 和 iPad 主屏幕 |
| android-chrome-192x192.png | 192 × 192 像素 | Android 主屏幕 |
| android-chrome-512x512.png | 512 × 512 像素 | Android 启动画面和已安装的网页应用 |
SVG 和 PNG 该用哪个
网站上的标志、图标和插画建议使用 SVG：在任何屏幕上都清晰，通常文件更小，还能用 CSS 改样式。如果平台不支持 SVG，例如大多数社交平台、邮件客户端、Word 和许多在线表单，或者是截图和细节丰富的图片，请使用 PNG。把 SVG 以 2× 或 4× 导出为 PNG，在高分辨率屏幕上也很清晰。
常见问题
如何把 PNG 转成 SVG？
选择“PNG / JPG 转 SVG”，打开图片，调整颜色数和细节直到预览满意，然后点击“下载 SVG”。
生成的 SVG 是真正的矢量图，还是只嵌入了图片？
是真正的矢量图。每个色块都会变成 SVG 路径，可以无损放大，并能在 Illustrator、Inkscape、Figma 或 Canva 中编辑。
能把 JPG 转成 SVG 吗？
可以。JPG、WebP、GIF 和 BMP 的用法和 PNG 一样。JPG 边缘较模糊，建议少用几种颜色并打开“去除小杂点”。
如何把 SVG 转成 PNG？
选择“SVG 查看与转 PNG”，打开 SVG 或粘贴代码，选择尺寸和背景后点击“下载图片”。也可以保存为 JPG 或 WebP。
如何制作 favicon.ico？
打开“Favicon 与 ICO 生成”，选择正方形图片、SVG 或文字，点击“仅下载 favicon.ico”，或下载包含全套图标和 HTML 标签的 ZIP。
Favicon 文件应该放在哪里？
上传到网站根目录，使浏览器能打开 /favicon.ico，并把 HTML 标签粘贴到每个页面的 <head> 中。WordPress 也可以在“外观 › 自定义”中设置站点图标。
我的图片会被上传吗？
不会。所有转换都在浏览器中完成，文件不会离开你的设备。
相关工具
想开发什么吗？
告诉我们你想构建什么。
告诉我们您需要构建什么：从简单的网站到完整应用、AI 解决方案、自动化或定制系统都可以。