什么是 SVG 文件？

SVG 代表可缩放矢量图形，是一种基于 XML 的标记语言，用于描述二维矢量图形。与 PNG 或 JPEG 等由固定像素网格组成的栅格图像格式不同，SVG 文件使用数学方程来定义形状、路径、文字和颜色。这一根本差异意味着 SVG 图像可以缩放到任意大小而不丢失质量——无论是显示 16×16 像素的微小网站图标还是巨大的广告牌。

SVG 的工作原理

从本质上讲，SVG 文件是一个纯文本 XML 文档。每个元素——一个圆、一个矩形、一条复杂的贝塞尔曲线——都通过坐标、尺寸和样式属性来描述。因为它是基于文本的，SVG 文件具有高度可压缩性，可以在任何代码编辑器中编辑，并且完全可搜索。浏览器解析 XML 并使用 GPU 直接在画布上渲染图形，使其在现代网页应用中极其高效。

SVG 还原生支持 CSS 样式、JavaScript 交互和 SMIL 动画。您可以完全在 SVG 文件内应用悬停效果、过渡和复杂动画，使其比静态图像格式灵活得多。

SVG 的关键优势

分辨率无关性是最受赞誉的优势。单个 SVG 文件在标准显示器、Retina 屏幕和高 DPI 移动设备上都能呈现锐利效果，无需多个素材版本。对于简单的图形（如图标和 Logo），它们通常也比对应的栅格格式文件更小，这直接改善了页面加载时间。

此外，SVG 内容是可访问且对 SEO 友好的。SVG 中的文字可以被屏幕阅读器读取，搜索引擎可以索引文字内容。SVG 还可以使用 CSS 样式化，这意味着您可以在不修改文件本身的情况下更改颜色、大小和动画——非常适合主题和设计系统。

常见用例

SVG 是 Logo、图标、插图、图表、示意图以及任何需要优雅缩放的图形的标准选择。它们广泛应用于网站、移动应用、演示文稿和印刷媒体。如果您的 SVG 文件需要针对特定用途转换为栅格格式，我们的SVG 转换器工具可以即时处理——完全在您的浏览器中进行，无需上传。