🧰 UtlKit

SVG 转图片

将 SVG 文件转换为 PNG、JPEG 或 WebP 栅格图片。直接在浏览器中完成,无需上传。

📁
将 SVG 文件拖放到此处或点击选择
支持 .svg 文件
🐛

报告问题 / 提出建议

发现 Bug 或有建议?帮助我们改进这个工具。

📊 数据摘要(自动填写)

工具: svg-to-image · /tools/svg-to-image/

format: image/png

quality: 90

scale: 1

count: 0

这是什么工具?

SVG转图片工具让你将 SVG(可缩放矢量图形)文件转换为 PNG、JPEG 和 WebP 等栅格图片格式。上传 SVG 文件,选择输出格式、缩放(1x 到 4x)和质量,然后下载栅格化图片。SVG 是无分辨率限制的矢量图形,但许多应用需要栅格格式。本工具将 SVG 渲染到画布并导出为标准图片文件。

使用场景

  • 导出网页应用图标

    将SVG图标转换为不同屏幕密度的1x、2x和3x缩放PNG。许多网页框架需要栅格图标作为网站图标、应用图标和触摸图标。

  • 准备社交媒体图形

    一些社交媒体平台不支持SVG上传。将你的SVG插图、信息图或横幅转换为PNG或JPEG以发布。

  • 创建可打印图片

    使用3x或4x缩放将SVG设计转换为高分辨率PNG以用于打印。SVG的矢量精度加上高分辨率可以产生清晰的打印输出。

  • 存档和分享设计

    将SVG设计转换为通用可浏览的PNG或JPEG格式,用于存档、电子邮件或与可能没有SVG软件的客户分享。

如何使用

  1. 1

    上传SVG文件

    点击上传区域或拖放.svg文件。可以一次性上传多个SVG文件。

  2. 2

    选择格式和缩放

    选择PNG(无损、支持透明)、JPEG(压缩、不支持透明)或WebP(现代、高效压缩)。选择1x到4x缩放以获得更高分辨率的输出。

  3. 3

    调整质量和背景

    对于JPEG和WebP,设置质量从10%到100%。对于JPEG,可以设置自定义背景色(默认白色),因为JPEG不支持透明。

  4. 4

    转换并下载

    点击"全部转换"栅格化所有SVG,然后单独或全部下载。

常见问题

什么是SVG,为什么要转换为图片?

SVG(可缩放矢量图形)是一种使用XML描述二维图形的矢量图片格式。与栅格图片(PNG、JPEG)不同,SVG可以缩放到任意大小而不会损失质量。然而并非所有应用都支持SVG——许多图片编辑器、社交媒体平台和打印机只接受栅格格式。将SVG转换为PNG、JPEG或WebP可以使你的矢量图形与这些工具兼容。

将SVG转为PNG会损失质量吗?

不会,PNG是无损格式。转换后的PNG在所选缩放级别下会精确到像素。为了获得最佳质量,转换时使用更高的缩放(2x或3x)——这会产生更多像素和更清晰的结果,特别是对于详细的SVG。

转换SVG时能保留透明吗?

可以,如果导出为PNG或WebP,透明会被保留。JPEG不支持透明——透明区域会被填充为白色(或你指定的自定义背景色)。对于带透明背景的图标和logo,PNG是最好的选择。

网页和打印应该使用什么缩放?

网页显示通常使用1x-2x就足够了。高DPI屏幕(Retina)使用2x。打印使用3x-4x——打印需要300 DPI,100px的SVG以3x转换得到300px,适合小尺寸打印。大幅面打印建议使用矢量格式。

能转换动画SVG吗?

可以转换动画SVG,但只会渲染第一帧作为静态图片。如果需要保留动画,请使用专业工具转换为GIF或视频格式。对于大多数用例(logo、图标、插图),静态SVG是常态并且可以完美转换。