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?

Q

支持哪些输出格式?

Q

文件大小有限制吗?

Q

转换过程会损失质量吗?

Q

SVG 文件能包含动画吗?

Q

SVG 文件安全吗?

Q

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

Q

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

Q

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

Q

如何创建 SVG 文件?

Q

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