PNG转SVG转换器
将光栅 PNG 图像封装在 SVG XML 矢量容器中，以便实现响应式网页缩放，并集成到支持矢量图的布局中。
格式比较与技术规格
| 规格 | PNG | SVG |
|---|---|---|
| MIME 类型 | image/ | image/ |
| 类型 | 栅格 | 矢量 |
| 压缩 | 无损 (DEFLATE / LZ77 + Huffman) | 无损 XML 文本 (可通过 .svgz 进行 GZIP 压缩) |
| 标准规范 | W3C PNG 第三版 | W3C SVG 2 规范 |
| 魔数文件头 (Magic Bytes) | 89 50 4E 47 0D 0A 1A 0A | 3C 3F 78 6D 6C (<?xml) or 3C 73 76 67 (<svg) |
格式概述与应用
将 PNG 文件转换为 SVG 格式，会把光栅位图封装在 XML 矢量容器中，使网页开发人员和平面设计师能够将光栅图形直接嵌入可缩放矢量图工作流。光栅 PNG 图像使用固定网格的彩色像素。将图形封装到 SVG 文件中，可保留原始像素尺寸和透明度，并使图像直接嵌入由 SVG 驱动的网页布局和响应式 UI 视口。 网页设计师经常进行这种转换，以便将光栅图稿集成到 SVG 精灵表、矢量插画工作流和响应式网站中，而无需管理单独的外部图像文件。生成的 SVG 会将整个图形自包含地封装在标准 XML 标记中。
技术规格与编解码器解析
PNG 文件是 MIME 类型为 image/png 的光栅图像。它以 8 字节魔数标头 89 50 4E 47 0D 0A 1A 0A 开头，后面是使用 DEFLATE 算法压缩的数据块；该算法结合 LZ77 滑动字典和哈夫曼编码。相比之下，SVG 文件使用 image/svg+xml MIME 类型，结构为 XML 文档。转换时，引擎会在客户端内存中将图像光栅化，将位图序列化为 PNG，再把图像作为 Base64 数据 URI 嵌入 SVG 的 <image> 容器元素中。这样可将图形打包成有效的自包含 SVG 文件，并定义 viewBox 尺寸。
操作系统与浏览器兼容性
SVG 在 Windows、macOS、Android 和 iOS 等桌面及移动操作系统的现代网页浏览器（包括 Chrome、Firefox、Safari 和 Edge）中广泛受支持。Adobe Illustrator、Inkscape 和 CorelDRAW 等图像查看器和设计套件可原生编辑 SVG。PNG 在浏览器和操作系统中也广泛兼容，但查看原始 SVG 标记需要使用任意标准文本编辑器。
实用信息
由于此转换是将光栅位图嵌入到 XML 容器中，而不是追踪向量路径，因此该图形可以保留精确的像素细节和 Alpha 透明度，同时与 SVG 渲染器保持完全兼容。
常见问题
如何在不失真的情况下将 PNG 图像转换为 SVG 向量？
转换器将全分辨率 PNG 位图直接封装在 SVG XML 包装器内，作为嵌入式 Base64 数据流。这在没有有损压缩的情况下保留了像素颜色和透明度。
PNG 图像与 SVG 向量有什么区别？
PNG 是一种光栅图像格式，将视觉数据存储为使用 DEFLATE 压缩的固定彩色像素网格，其文件大小取决于像素尺寸。SVG 是一种向量图像格式，将视觉数据存储为以 XML 文本编写的可缩放数学指令，允许图像无限放大而不产生像素化。