格式转换

PNG ⇄ SVG

简单的 PNG ⇆ SVG 转换(内嵌 / 光栅化)。

拖入 PNG 或 SVG

支持 JPG、PNG、WebP、HEIC、TIFF 等 · 最大 40 MB MB

什么是 PNG ⇄ SVG?

Simple PNG ⇄ SVG conversion (embed / rasterize)。把 PNG 位图描成可缩放 SVG 矢量,或把 SVG 栅格化为 PNG。Logo、图标、简单线条稿的重着色与无损缩放。SVG 矢量文件(位图描边)或可直接粘贴的 <image> data URI。

所有处理均在浏览器本地完成,您的图片绝不会上传到任何服务器。

核心功能

  • 对扁平 Logo 做色彩量化描摹
  • 可输出 data URI 直接嵌入 HTML
  • 同工具可反向把 SVG 栅格化为 PNG

常见使用场景

  • 将简单Logo和图标从PNG转为可缩放矢量SVG
  • 将手绘草图或签名PNG转为SVG版本
  • 将简单位图描摹为独立分辨率的矢量图用于印刷
使用指南

如何使用此工具

PNG ⇄ SVG 工具在栅格与矢量世界之间架起桥梁。可以把 PNG 数据包裹在 SVG 容器中,方便地嵌入设计工具;也可以把 SVG 栅格化为任意尺寸的高质量 PNG。两个方向都在浏览器内完成,不会有任何文件离开你的设备。

如何使用

将 .png 或 .svg 文件拖入上传区。工具会自动识别格式并选择合适的转换方向。PNG→SVG 模式下,栅格图会以 base64 嵌入到同像素尺寸的 SVG 包装中;SVG→PNG 模式下,工具会把矢量在离屏 canvas 中按 1:1 加载并栅格化为无损 PNG。

两种模式都会并排展示预览。PNG→SVG 还会提供原始 SVG 源码,可以直接复制到你的 HTML 或设计工具中。

  • 按文件类型自动判断方向
  • PNG→SVG 通过 base64 image 元素保留完美像素
  • SVG→PNG 以源尺寸精确栅格化
  • 为开发者提供可复制粘贴的 SVG 源码

实际使用场景

当工作流(设计工具、CMS 区块、邮件模板)只接受 SVG,而你手头是 PNG 时,PNG→SVG 就很有用。SVG 包装会保留每一个像素,让你在 CSS 中缩放容器时无需额外的 DOM。

对于原生不支持 SVG 的平台(部分社媒预览、PDF 导出管线、旧版办公套件),SVG→PNG 就是必需的。注意这是纯栅格化,SVG 中的 JavaScript、外部引用和动画等动态特性不会保留。

常见问题

照片能变真矢量吗?

照片颜色过多,描摹效果差;本工具最适合 Logo、图标与扁平插画。

SVG 能无限缩放吗?

描出的矢量路径可无损缩放;嵌入的位图仍有固定像素网格。

PNG转SVG如何工作?

工具追踪PNG中颜色区域的边缘并转为SVG路径元素。最适合颜色有限、边缘清晰的简单图形。

复杂照片能转好吗?

不能。有渐变、阴影或百万色的照片会产生巨大SVG。照片请用PNG或WebP。

转换后可以编辑SVG吗?

可以,可在Inkscape/Illustrator/Figma中编辑,也可直接嵌入HTML。

这个工具免费吗?

是的,完全免费,无需注册、无水印、无每日限制。所有处理在浏览器本地运行。

PNG→SVG 会把像素矢量化吗?

不会,只是把 PNG 位图嵌入 SVG 外壳中。真正的矢量化(轮廓描摹)需要人工判断和专业工具。

生成的 SVG 可以用 CSS 调整大小吗?

可以。由于 SVG 带有明确的 viewBox,浏览器会在容器内清晰地缩放嵌入的栅格。