Filepetal如何使用 PNG to SVG
- 选择形状清楚、对比明显的 PNG。
- 点击“转换为 SVG”，检查上方的实际 SVG 预览。
- 下载 SVG，并保留 PNG 以对比细节和颜色。
转换器在浏览器中把色块重绘为路径，不会恢复原设计图层、字体或绘制指令。少量纯色的标志较适合尝试，照片、柔和阴影和小字可能被简化。如果精确的位图外观比可编辑形状更重要，保留 PNG 可能更合适。
有真实路径，也可能改变画面
纯色样本生成了 4 条 SVG 路径，没有嵌入图片，说明结果确实包含描摹后的形状，但不代表无损转换。880 字节的输入变成了 1,293 字节的 SVG。外围透明区域和 3 个色块仍可辨认，曲线边缘则经过了重新绘制。
SVG 也可以通过 image 元素包含位图，详见 SVG 规范（英文）。仅将扩展名改为 .svg 不代表矢量化。4 个保存的输出没有 image 或 text 元素，PNG 文字会成为轮廓而非可编辑字体。切割或刺绣应用仍需独立检查导入和生产结果。
为什么细线会在描摹后改变？
描摹前会把图像最长边缩到 1,024 像素以内，但 SVG 仍声明原宽高。2,048 × 256 的 PNG 得到相同外部尺寸的 SVG，其 viewBox 为 1,024 × 128。尺寸相同不代表细节完整保留。
样本为白底黑线和一个大绿色矩形。1 像素黑线在实际输出中变绿，2 像素线在独立渲染结果中不可见，更宽黑线仍在但轮廓与宽度改变。增大 SVG 声明尺寸不能找回描摹时丢失的细节，请先裁去无用留白并检查小字细线。这 5 条线不构成保证的最小笔画宽度。
分别检查颜色和透明度
工具使用 16 槽描摹调色板，将 32 级灰度色带转换成了 14 种路径填充色。源灰度值 8、16、24 在色带中心均变为 16；最暗的色带仍为黑色，最亮的源灰度值 248 则变为 228。因此，即使 SVG 可以平滑缩放，渐变或照片仍可能出现明显的色阶断层。
透明样本中心 Alpha 64、128、255 在独立渲染后保持不变，外部仍完全透明，但两个色块的 RGB 改变。例如 (20,140,110,64) 变为 (19,139,111,64)。保留透明等级不等于保留全部颜色。棋盘格帮助辨认透明区域，描摹不会自动去掉不透明背景。
下载并复现这四组实验
测试日期： 。输入均为本页原创并由实际浏览器工具转换，所有 SVG 用 sharp/librsvg 独立解析与渲染。下方提供配对文件； 下载带日期的清单 可查看完整尺寸、字节、SHA-256 和检查范围。哈希标识这些保存文件，不保证所有浏览器输出相同。
| 样本 | 输入 PNG | 输出 SVG | 检查重点 |
|---|---|---|---|
| flat-logo | 256 × 160 880 字节 | 256 × 160 1,293 字节 | 纯色区域可识别，曲线边缘重绘 |
| alpha-steps | 256 × 128 425 字节 | 256 × 128 860 字节 | 中心透明度保留，部分 RGB 改变 |
| thin-lines-2048 | 2048 × 256 2,295 字节 | 2048 × 256 1,580 字节 | 缩小采样后细线改变或消失 |
| gray-32 | 256 × 128 430 字节 | 256 × 128 2,348 字节 | 32 级输入灰度合并为 14 种填色 |
下载配对文件的 SHA-256
flat-logo
PNG： 239c097d8750dd3218e28fe0d47b4bdc5111b9aaa4d4f0574af51151af0d7411
SVG： afaf45abeec73df3e2a2b04cd9902ba5e4bf16c93f12685cfa016568926dac0a
alpha-steps
PNG： 56494381b23cbfc845ff033eb87f2b2d96de7bf6f49e380cbe1bc73f27060b9a
SVG： 505170f2fb002aa77a834d0f0e257294ac834173e9e4c28af04acaddb1dc991c
thin-lines-2048
PNG： fe8b9d9b79e4f20fc8bbf35c3b1b3af72d26490f79f1e5200230edb68a662ac2
SVG： 8e006accd4d2cccbcd4b631da2c41d00bb5f3e070befb0c59bde2a36dcf4c03d
gray-32
PNG： fcc911241d15240a5110582957854f5d6646a91aae32edc02b1c373fa022ca41
SVG： c3132f7db2b0942288c9cac0aaa683e182a8e340ef5145d084333f2a3de4981c
三个 SVG 比原 PNG 更大，细线 SVG 则从 2,295 降至 1,580 字节。大小取决于描述图像需要的路径，这些小合成图不构成通用压缩率或质量排名。
支持的输入与实际限制
每次选择一个有效的 PNG，最大 20 MB，每边最多 4,096 像素，总像素数不超过 1600 万。这些是工具本身的限制，并非 PNG 或 SVG 标准要求。描摹时会使用前文说明的较小内部图像，损坏或不支持的文件会显示错误，原文件仍保留在你的设备上。
改名文本、截断 PNG、4,097 × 1 PNG 和超过 20 MB 的输入均报错且无 SVG 下载。损坏时可从编辑器重新导出 PNG；大图请裁剪或缩小副本并检查细线，保留原件。
PNG to SVG 常见问题
输出是真矢量，还是 SVG 里的 PNG？
本工具描摹路径，上述 4 个输出没有嵌入图片元素。其他 SVG 可能包含位图，因此扩展名本身不是证明；路径输出也可能与 PNG 不同。
为什么细线或小字变了？
缩小采样、减少调色板颜色和描摹都可能改变细节。五条线的样本中，最细的线变了颜色，第二条线消失。请对照原图检查输出预览，需要精确保留画面时可继续使用 PNG。
透明背景会保留吗？
三色块样本中保持透明，两个半透明等级在中心也保留。这是有限测试，不保证所有边缘或文件；白色不透明背景不会自动移除。
SVG 会更小吗？
不保证。标志从 880 增至 1,293 字节，灰条从 430 增至 2,348 字节。下载前查看实际字节数，按用途选择格式。
可以恢复可编辑文字或直接用于切割吗？
描摹不恢复字体或原图层，样本输出没有 text 元素。请在目标编辑器中检查闭合轮廓、小形状和尺寸后再实际切割；这些样本未经切割机验证。