SVG 转 PNG

1. 导入您的 SVG 源文件： 首先直接从您的计算机上传您的 SVG 文件。我们的工具可以容纳所有标准的 SVG 文件类型。您可以选择一个 SVG 文件或上传多个 SVG 以进行同步转换。
2. 调整您的输出设置： 根据需要自定义图像大小、透明度和分辨率等输出功能。由于此工具仅为 SVG 到 PNG 转换器，因此它仅提供 PNG 特有的选项以便于使用。
3. 转换并下载您的 PNG： 只需单击转换按钮，您的转换后的 PNG 文件将立即下载。我们高效的服务无需注册。

主要功能

• 卓越的 SVG 到 PNG 转换
• 在所有 PNG 输出中保留透明度
• 自定义输出大小和分辨率选项
• 高效的批量转换能力
• 用户友好且简单的设计

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

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

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

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

SVG 与 PNG：做出正确的选择

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

SVG 坐标系

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

SVG 语法

SVG（可缩放矢量图形）语法基于 XML，具有描述矢量图形的特定规则。

基本 SVG 结构

• 元素： SVG 的基本构建块，定义形状、文本和图像。
• 属性： 元素的属性，控制其外观和行为。
• 组： 用于将相关元素组合在一起，使其更容易应用常见的变换和样式。

常用 SVG 数据类型

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

常用 SVG 属性

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