SVG 转 PNG

轻松在线将 SVG 文件转换为高质量的 PNG 图像。我们强大且免费的转换器确保每次转换都具有透明度和高质量。

拖拽 SVG 文件到这里,或点击选择

×px
预览将显示在这里

如何将 SVG 文件转换为 PNG

1

上传 SVG 文件

从您的设备中选择并上传 SVG 文件。我们支持所有标准的 SVG 格式。

2

选择输出格式和设置

选择您想要的输出格式(PNG、JPG 等),并自定义转换设置,如尺寸和质量。

3

转换并下载

点击转换按钮,即可立即下载转换后的文件。无需注册。

了解可缩放矢量图形 (SVG)

SVG(可缩放矢量图形)是一种用于图形的突出矢量文件格式,以其内置动画支持而闻名。由于 SVG 图像基于 XML,因此它们是可搜索、可索引、可编写脚本和可压缩的。此外,它们可以通过文本编辑器或专业的矢量设计程序(如 Adobe Illustrator 或 Inkscape)进行编辑。SVG 图像的优点在于它们与分辨率无关,这意味着它们可以缩放而不会损失清晰度,并且可以使用 JavaScript 进行动画处理,使其成为徽标、图标和简单动画的理想选择。但是,请记住,虽然现代浏览器可以原生处理 SVG,但它们在所有平台上的支持可能不是通用的,并且它们不适合非常详细的图像(如照片)。

了解便携式网络图形 (PNG)

便携式网络图形 (PNG) 是一种备受欢迎的栅格图像格式,因其卓越的图像质量和广泛的通用性而备受青睐。PNG 拥有无损数据压缩功能,确保其质量在压缩后保持一致。它们由像素而不是矢量构成,这意味着它们不能无限缩放,但确实提供透明度选项,使其适合清晰的背景。它们在各种平台上得到广泛支持,这与 SVG 的一些限制不同。最后,虽然它们的灵活性非常显著,但 PNG 通常会导致更大的文件大小,并且缺乏矢量图的打印可伸缩性。

SVG 与 PNG:做出正确的选择

由于它们的设计优先级不同,因此没有哪种格式绝对优越。虽然图形设计师通常偏爱 PNG 的多功能特性,但 SVG 因其可伸缩性和独特特性而成为图标、徽标、简单图形设计和字体的首选。总而言之,当可伸缩性是关键时,SVG 是无与伦比的,而 PNG 在需要更多灵活性和图像精确度的情况下则会大放异彩。

SVG 语法

SVG(可缩放矢量图形)语法基于 XML,具有描述矢量图形的特定规则。

基本 SVG 结构

  • 元素:SVG 的基本构建块,定义形状、文本和图像。
  • 属性:元素的属性,控制其外观和行为。

常用 SVG 数据类型

  • 路径:定义复杂形状的一系列绘图命令。
  • 矩形:具有宽度、高度和位置属性的矩形形状。
  • 圆形:由其中心和半径定义的圆形。
  • 椭圆:由其中心和半径定义的椭圆。
  • 直线:连接两个点的直线。
  • 折线:一系列连接的直线。
  • 多边形:由直线段组成的封闭形状。
  • 文本:用于在屏幕上显示文本内容。
  • 图像:在 SVG 中嵌入栅格图像。

常用 SVG 属性

  • fill:指定填充形状的颜色。
  • stroke:指定形状轮廓的颜色。
  • stroke-width:指定形状轮廓的粗细。
  • opacity:指定元素的透明度。
  • width 和 height:指定元素的尺寸。
  • x 和 y:指定元素的位置。
  • d:用于路径元素以定义形状命令。

SVG 坐标系

SVG 使用二维坐标系,其中 x 轴向右增加,y 轴向下增加。原点 (0,0) 位于 SVG 画布的左上角。

关于将 SVG 转换为 PNG 的常见问题

Q

什么是 SVG?

SVG(可缩放矢量图形)是一种基于 XML 的矢量图像格式,用于定义二维图形。与位图格式不同,SVG 图像可以无损缩放,并且可以被搜索、索引、编写脚本和压缩。它特别适合用于标志、图标和插图。

Q

支持哪些输出格式?

我们支持转换为 PNG、JPG、WEBP 和 ICO 格式。每种格式都有其独特的优势:PNG 最适合保持透明度,JPG 适合照片,WEBP 适合网页优化,ICO 适合网站图标。

Q

文件大小有限制吗?

是的,免费用户的最大文件大小限制为 10MB。不过由于 SVG 文件是基于 XML 的,通常压缩效果很好,大多数标准 SVG 文件都远小于这个限制。

Q

转换过程会损失质量吗?

转换为 PNG 时,质量保持优秀。转换为 JPG 时可能会有一些压缩,但您可以调整质量级别。SVG 文件可以在任何分辨率下渲染,因此输出质量主要取决于您选择的导出设置。

Q

SVG 文件能包含动画吗?

是的,SVG 文件可以使用 SMIL 或 JavaScript 包含动画和交互元素。但是,当转换为静态图像格式(如 PNG 或 JPG)时,这些动画将被捕捉为单个帧。

Q

SVG 文件安全吗?

SVG 文件可以包含脚本和 CSS,这可能带来潜在的安全风险。我们的转换器会安全处理 SVG,在保留视觉元素的同时,去除任何可能有害的内容。

Q

SVG 与其他图像格式有什么不同?

SVG 的独特之处在于它使用数学公式而不是像素来存储图像。这意味着 SVG 可以无限缩放而不失真,简单图形的文件大小更小,并且可以使用文本编辑器或矢量图形软件进行编辑。

Q

可以同时转换多个 SVG 文件吗?

是的,我们的工具支持批量转换,允许您同时转换多个 SVG 文件,并为所有转换保持一致的输出设置。

Q

SVG 文件的主要用途是什么?

SVG 文件广泛应用于网页设计、图标设计、信息图表和用户界面设计。它们特别适合需要在不同屏幕尺寸下保持清晰度的场景,如响应式网站设计和高分辨率显示器。

Q

如何创建 SVG 文件?

SVG 文件可以使用多种专业工具创建,如 Adobe Illustrator、Inkscape 或 Figma 等矢量图形编辑器。这些工具提供了直观的界面来创建和编辑 SVG 图形。

Q

SVG 文件是否支持渐变和滤镜效果?

是的,SVG 支持丰富的图形效果,包括线性渐变、径向渐变、模式填充、滤镜效果(如模糊、阴影)等。这些效果在转换为位图格式时会被保留。