SVG 转 PNG 转换器
在浏览器中将 SVG 矢量图形转换为 PNG、JPEG 或 WebP 位图。
正在加载工具…
SVG 转 PNG 转换器 — 将 SVG 文件或粘贴的 SVG 代码转换为任意尺寸的位图。设置精确的像素宽高，按缩放倍数生成清晰的高分辨率导出文件，并选择 PNG（带透明度）、JPEG 或 WebP 作为输出格式。所有处理都在浏览器中通过 HTML canvas 完成，你的图形绝不会上传到服务器。
SVG 转 PNG 转换器 是什么？
deftdeck 的 SVG 转 PNG 转换器是一款免费的浏览器工具，可将可缩放矢量图形栅格化为常见的图像格式。设计师、开发者、图标制作者，以及任何需要把矢量源转为平面位图的人，都可以拖入 .svg 文件或粘贴原始 SVG 代码，然后导出 PNG、JPEG 或 WebP。由于 SVG 与分辨率无关，输出尺寸完全由你决定：以像素为单位输入目标宽高，或保留 SVG 自身的尺寸并调高缩放倍数，以 2 倍或 3 倍渲染适配视网膜屏幕。PNG 和 WebP 保留透明度，而 JPEG 会将透明区域平铺到白色背景上。预览会随着你更改尺寸或格式而实时更新，下载前还可点击放大查看。
如何使用 SVG 转 PNG 转换器
- 将 .svg 文件拖放到拖放区，或点击该区域从设备中选择一个文件。
- 或直接将 SVG 代码粘贴到「SVG 代码」框中，无需文件即可转换。
- 以像素为单位调整宽度和高度，或设置缩放倍数以放大 SVG 的原始尺寸，用于高分辨率输出。
- 打开「设置」选择输出格式：PNG（保留透明度）、JPEG（白色背景）或 WebP。
- 查看自动更新的实时预览，点击它可打开放大灯箱。
- 点击「下载」保存栅格化后的图片，文件名包含其像素尺寸。
示例
将徽标导出为透明 PNG
拖入你的 logo.svg，将格式保留为 PNG，设置所需的宽高（例如 512x512），即可下载一张清晰且保留透明区域的 PNG。
为视网膜屏幕以 3 倍渲染图标
载入一张 64x64 的 SVG 图标，将缩放设为 3，即可生成 192x192 的位图，非常适合 1 倍位图会显得模糊的高分辨率显示屏。
将粘贴的 SVG 代码转换为 JPEG
将内联的 <svg> 片段粘贴到 SVG 代码框中，在设置里将格式切换为 JPEG，导出文件中的透明背景会被平铺为白色。
常见问题
- 支持哪些输出格式？
- 你可以导出 PNG、JPEG 或 WebP。PNG 和 WebP 保留透明度，而 JPEG 会将任何透明区域平铺到白色背景上，因为 JPEG 格式没有 alpha 通道。
- 如何控制输出分辨率？
- 将宽度和高度字段设为你想要的精确像素尺寸，或保留 SVG 的原始尺寸并提高缩放倍数（例如 2 或 3），以渲染更大、更清晰的位图，适配高分辨率屏幕。
- 为什么我的 SVG 显示为空白或转换失败？
- SVG 必须是浏览器能作为图像渲染的有效代码。引用外部资源、字体或脚本的 SVG 在 canvas 上可能不会以相同方式绘制；请将这些资源或字体内联嵌入以获得可靠的结果。
- 我可以粘贴 SVG 代码而不上传文件吗？
- 可以。将你的 SVG 代码粘贴到 SVG 代码框中，它会像拖入的文件一样进行转换，无需上传。
- 我的 SVG 会被上传到服务器吗？
- 不会。转换过程使用 HTML canvas 在你的浏览器中 100% 本地运行。你的 SVG 和生成的图片绝不会离开你的设备，也不会发送到 deftdeck 或任何服务器。