分类

PNG转SVG

将PNG图像转换为SVG格式,使用嵌入图像数据(模拟追踪)

Click to upload file or drag and drop file here

Maximum file size: 10MB Supported formats: image/png

关键信息

分类
Media
输入类型
file, select, number, checkbox
输出类型
file
样本覆盖
4
支持 API
Yes

概览

PNG转SVG工具是一款高效的图像格式转换器,支持将位图PNG文件转换为可缩放的矢量SVG格式,通过嵌入图像数据或矢量追踪技术,满足您在网页设计、图标制作及印刷中对矢量图形的需求。

适用场景

  • 需要将位图图标转换为矢量格式以适应不同分辨率的屏幕显示时。
  • 在网页设计中为了实现无限缩放且不失真的图形效果时。
  • 需要将简单的PNG图形转换为可编辑的矢量路径进行二次创作时。

工作原理

  • 上传您的PNG图像文件,系统支持最大10MB的文件大小。
  • 选择转换方法,包括嵌入图像、ImageTracerJS矢量追踪或Potrace高级矢量化。
  • 根据需要设置目标宽度、高度及图像质量,并确认是否保持宽高比。
  • 点击转换按钮,系统将自动生成并提供SVG格式文件供下载。

使用场景

将公司Logo的PNG版本转换为SVG,以便在响应式网站中清晰显示。
将简单的位图图标转换为矢量路径,方便在设计软件中调整颜色和形状。
为打印项目准备矢量素材,确保图形在大幅面印刷时保持边缘锐利。

用户案例

1. 网站Logo矢量化

前端开发工程师
背景原因
网站现有的Logo仅有PNG格式,在Retina屏幕上显示模糊。
解决问题
需要将Logo转换为SVG格式,以确保在各种设备上都能保持高清显示。
如何使用
上传Logo的PNG文件,选择“嵌入图像”模式,保持默认质量设置并点击转换。
效果
获得了一个清晰的SVG格式Logo,成功嵌入网页并实现了无损缩放。

2. 图标库格式转换

UI设计师
背景原因
设计师需要将一套PNG格式的图标集转换为SVG,以便进行后续的矢量编辑。
解决问题
手动重绘图标效率太低,需要快速将位图转换为可编辑的矢量路径。
如何使用
上传PNG图标,选择“矢量追踪 (ImageTracerJS)”方法,根据图标复杂度调整参数。
效果
快速生成了可编辑的SVG矢量图标,大幅缩短了设计工作流时间。

用 Samples 测试

image, png, svg

相关专题

常见问题

PNG转SVG后会失真吗?

SVG是矢量格式,转换后的图形在放大时不会像PNG那样产生像素化失真,但转换质量取决于原始图像的清晰度和所选的追踪算法。

支持批量转换吗?

目前该工具支持单次上传一个PNG文件进行转换。

什么是矢量追踪?

矢量追踪是一种将位图中的像素点识别并转化为数学路径(线条和曲线)的技术,使图像变为可缩放的矢量格式。

转换后的SVG文件可以编辑吗?

可以。转换后的SVG文件可以在Adobe Illustrator、Inkscape等矢量编辑软件中打开并修改路径和颜色。

文件大小有限制吗?

是的,上传的PNG图像文件大小限制为10MB以内。

API 文档

请求端点

POST /zh/api/tools/png-to-svg

请求参数

参数名 类型 必填 描述
imageFile file (需要先上传) -
method select -
width number -
height number -
quality number -
preserveAspectRatio checkbox -

文件类型参数需要先通过 POST /upload/png-to-svg 上传获取 filePath,然后将 filePath 传递给对应的文件字段。

响应格式

{
  "filePath": "/public/processing/randomid.ext",
  "fileName": "output.ext",
  "contentType": "application/octet-stream",
  "size": 1024,
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
文件: 文件

AI MCP 文档

将此工具添加到您的 MCP 服务器配置中:

{
  "mcpServers": {
    "elysiatools-png-to-svg": {
      "name": "png-to-svg",
      "description": "将PNG图像转换为SVG格式,使用嵌入图像数据(模拟追踪)",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=png-to-svg",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

你可以串联多个工具,比如:`https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`,最多20个。

支持 URL 文件链接或 Base64 编码作为文件参数。

如果遇见问题,请联系我们:[email protected]