现在所有现代浏览器都支持可缩放矢量图形 (SVG)。这种格式的图像有时会以令人惊讶的背景和多种方式出现在网站上。尽管 SVG 已被接受为标准格式近二十年，但可缩放矢量图形对于某些设计人员和开发人员来说仍然是新鲜事物，并且通常不知道如何在其网站上使用它们。 首先，我想分享一下应该使用 SVG 的几个原因。 文件大小小 当正确创建和交付时（更多内容见下文），可缩放矢量图形比同类 PNG 小得多。这意味着使用 SVG 的页面加载速度更快、需要的带宽更低并且用户可以更快地访问。
DOM 中的可寻址图形组件
无限可扩展，且不损失质量 由于 SVG 是基于数学描述（浮点数）而不是像位图图形那样的整数像素坐标，因此可缩放矢量图形可以在不损失质量的 土耳其 电话号码 情况下放大或缩小，使其成为现代响应式网站的完美元素。 可缩放矢量图形有时被称为“带有标记的图形”，因为 SVG 图形中的每个元素都可以通过 DOM 进行寻址，从而允许 CSS 和 JavaScript 在浏览器中操作 SVG 图形的某些部分，而不影响其余部分的影响。与位图图形不同，SVG 中的每个单独形状都可以有自己的 ID 或类。
使用可缩放矢量图形的优点
易于修改和定制 得益于可寻址的图形组件，结构良好的 SVG 可以在任何文本编辑器中轻松修改，而无需像位图图形那样使用特殊工具。由于 SVG 是 DOM 可 巴西 Whatsapp 号码 寻址的，因此可以使用 CSS 修改图形的各个元素。 创作与建造 SVG 的属性使其成为网站上各种图像元素的理想解决方案，例如： 公司标志 图标 牌 象形图和插图 …… 编辑工具 尽管您可以使用任何文本编辑器创建 SVG 文档，但基于矢量的插图程序（例如 Adobe Illustrator 或 Inkscape）通常是更好的选择。此外，其他应用程序（包括 Blender 等 3D 程序和服务器端应用程序）也可以导出 SVG。