Voltar

SVG to PNG

上传一个 SVG 文件,Happycapy 会按你选择的分辨率将其渲染为清晰的 PNG,并保留透明度。当某个工具、应用或平台需要位图而非矢量文件时,这非常实用。可以转换单个文件,也可以批量转换。免费开始使用。

SVG 如何转换为 PNG

将矢量图转换为所需尺寸、背景和缩放比例的 PNG 栅格文件。

1

上传你的 SVG

提供 SVG 文件——logo、图标或插画——单个或一批都可以。

2

设定输出尺寸

选择像素宽高或缩放倍数(2 倍、3 倍),并决定要透明背景还是纯色背景。

3

工具渲染出 PNG

SVG 会按你选定的分辨率重新渲染成清晰的 PNG,并默认保留透明度。

4

下载你的 PNG

获取这张 PNG——或整批——随时可上传或嵌入任何需要位图的地方。

谁会将 SVG 转换为 PNG

适合设计师、开发者、营销人员,以及需要广泛使用图标或标志导出的人。

设计师与开发者

把矢量 logo 和图标导出为 PNG,供那些不接受 SVG 的平台和应用使用。

营销与社媒运营

把 SVG 品牌素材转成 PNG,用于拒绝矢量图的邮件、广告和社媒帖子。

任何拿到 SVG 的人

无需打开矢量编辑器,就能得到一张可用的图片文件。

清晰导出 SVG 转 PNG 的提示

输出尺寸、缩放倍数、透明背景和 viewBox 设置会决定清晰度。

01

按你需要的最大尺寸导出

PNG 分辨率是固定的——一次渲染大图,因为后期放大 PNG 会变模糊。

02

说明要透明还是纯色

默认保留透明度;如果你想要背景色,请指定一个。

03

用缩放倍数适配视网膜屏

要求 2 倍或 3 倍,获得适配高密度屏幕的清晰导出图。

04

批量导出整套图标

上传多个 SVG 并统一一个尺寸,一次性导出风格一致的整套图标。

05

先内嵌字体

如果你的 SVG 使用了自定义字体,先内嵌或转曲,文字才能忠实呈现。

06

扁平化外链图片

如果 SVG 链接了外部图片,转换前应先把它们内嵌进去。

SVG 转 PNG 可带来什么

了解 SVG 转 PNG 的输出质量、后续检查以及下载相关预期。

对于标准的 SVG,转换速度很快,并且无论你请求什么尺寸,PNG 都会保持清晰,同时保留透明度。标志、图标和插图都能可靠地完成转换。需要留意的主要是那些依赖未嵌入字体或外部链接图片的 SVG,这类文件可能会以替代方案渲染。

Exemplo: 一位用户上传了一个 SVG 标志,并要求生成 1024x1024 的透明 PNG。工具渲染出一张清晰的 1024x1024 PNG,标志居中、边缘抗锯齿干净,背景完全透明——可以直接放置在任何有颜色的背景上使用。

SVG 渲染说明

当源信息涉及以下内容时,请查看本节:输出尺寸、缩放倍数、透明背景和 viewBox 设置会决定清晰度。

  • PNG 的分辨率是固定的——请按你需要的最大尺寸导出,因为之后放大 PNG 会导致模糊。
  • 引用了未嵌入字体或外部图片的 SVG 可能会以替代方案渲染;建议先嵌入或扁平化这些资源。
  • 带有大量滤镜或特效的高度复杂 SVG,渲染效果可能与特定浏览器或编辑器中略有不同。

Perguntas frequentes

SVG to PNG 转换器是做什么的?

它会将 SVG——一种由形状和路径构成的可缩放矢量文件——按你选择的固定分辨率渲染为 PNG,一种基于像素的位图。当某个场景需要图像而非矢量图时,这非常有用。

为什么要把 SVG 转换成 PNG?

许多平台、应用、邮件客户端和社交网络不接受 SVG 文件,但接受 PNG。转换后你会得到一张兼容性广泛的图像,可以上传或嵌入到任何地方,并且在导出的尺寸下依然保持清晰的边缘。

可以自己选择输出尺寸吗?

可以——你可以指定以像素为单位的宽度和高度,或者使用 2x、3x 这样的缩放倍数。由于 SVG 是矢量图,它可以干净地缩放,因此你能导出又大又清晰的 PNG,而不会像放大照片那样出现模糊。

透明度会被保留吗?

会的——SVG 中的透明区域在 PNG 中默认保持透明,因为 PNG 支持 alpha 通道。如果你想要纯色背景,只需指定一个具体的背景颜色即可。

可以一次转换多个 SVG 吗?

可以——提供一批文件并指定尺寸,每个文件都会被渲染为独立的 PNG。这对于一次性导出完整的图标集或一整个图形文件夹非常方便。

转换后的 PNG 会和 SVG 一样清晰吗?

在你导出的尺寸下,会的——SVG 会以该分辨率重新渲染,因此边缘保持清晰。但要记住,一旦变成 PNG,分辨率就固定了:之后再放大这张 PNG 会导致模糊,所以请按你需要的最大尺寸导出。

如果我的 SVG 使用了自定义字体或外部图片怎么办?

使用常见字体或已嵌入字体设置的文字可以正确渲染;如果 SVG 引用了未包含的字体,可能会替换为后备字体。链接到外部图片的 SVG 可能不会嵌入这些图片,因此建议先将资源扁平化或嵌入,以获得最忠实的转换效果。

Pronto para criar?

Cadastre-se gratuitamente e coloque agentes de IA para trabalhar em suas tarefas, de trabalhos rápidos a fluxos de trabalho completos de ponta a ponta, direto no seu navegador, sem necessidade de configuração.

Comece gratuitamente