SVG 图像：如何创建上传和使用它们

已发表: 2022-12-17

SVG（可缩放矢量图形）是一种可在网站上使用的矢量图像格式。它是一种基于 XML 的格式，可用于创建静态或动画图像。虽然并非所有浏览器都支持SVG 图像，但大多数现代浏览器都支持它们。可以通过多种方式创建 SVG 图像，包括手绘、使用矢量图形编辑器或从其他图像格式转换。创建后，它们可以像任何其他图像格式一样上传到网站。

AScalable Vector Graphics (SVG) 应用程序是一种使用 XML 并用于交互式或动画图形的应用程序。它们使用 XML 标记语言并对使用它们的任何网站构成安全风险。今天我们将讨论如何将 sva 文件扩展名添加到 WordPress。 SVG 基于限制的支持是其流行的原因之一。许多 WordPress 插件允许您保存。 VG 文件作为图像。如果在上传到 WordPress 时仍然出现错误，请确保将此标记包含在图像的 XML 标记中：SVG。 Mstyle: ht_message mstyle: title= show_icon id=utf-8′

在 WordPress 中，本地查看器不会显示SVG 文件。不幸的是，由于设计不佳，此文件不是显示徽标和其他图形的最佳选择。我们很高兴地报告，在我们最喜欢的一些开发人员资源的帮助下，您将能够在您的站点上启用和保护 SVG 文件的使用。

可以通过将SVG 文件拖到 Google Web Designer 窗口或使用“文件”菜单命令来导入 SVG 文件。

我可以在网站上使用 Svg 文件吗？

尽管设计人员有时可以使用 JPEG 等光栅图形，但它们会随着按比例放大而失去质量。您可以将这些文件导入任何支持矢量图形的程序，例如 Photoshop，也可以离线导入。

时至今日，可缩放矢量图形或 SVG 在网站设计中变得越来越重要。由于这些图形的矢量性质，您可以调整它们的大小而不会降低质量。如果您使用 SVG，您的图像将比使用其他格式时更平滑、更清晰。只需使用 jQuery 插件将 SVG 插入页面的 HTML 中。不必使用 Flash 在页面上创建丰富的类似 Flash 的体验。 Adobe 打算在 2020 年底前逐步淘汰 Flash。尽管 Internet Explorer 和 Android 支持这些图形，但其他任何浏览器都不支持它们。如果您想使用回退，可以使用 Grumpicon 等程序。

也可以通过 fileurl 访问 SVG。上面的 URL 是一个普通的旧 URL，不需要 http:// 前缀。例如，fileurl (http://www.example.com/path/to/file.svg) 可以作为对象嵌入到 URL 中。
当图像按比例缩小或放大时，SVG 文件的大小不会改变。另一方面，PNG 文件在放大时会变得非常大。
GIF 文件支持动画，但不如.VG 文件可缩放。当 GIF 文件按比例放大时，它们的效率会降低。
浏览器支持的 PNG 文件不具有与 SVG 文件相同的可扩展性或易用性。 APNG 文件在按比例放大时也会出现质量问题。
WebP 文件受 Chrome、Firefox 和 Opera 支持，并且在放大时提供出色的质量，但创建它们不像 GIF、PNG 或 APNG 文件那么简单。

在您的网站上使用 Svg 或 Png 作为徽标和图形

SVG 和 PNG 都是网站上徽标和图形的绝佳选择。如果使用透明度，则可以减小 PNG 文件的大小，同时还可以降低 SEO 风险。因为它们为网站增添了风格，所以无论屏幕大小如何，矢量图形都可以缩放而不会使其变形。

如果我们在 Web 上使用 Svg 会发生什么？

如果我们在网络上使用 svg，那么我们可以创建基于矢量的图像，这些图像可以缩放到任何大小而不会降低质量。此外，可以使用任何文本编辑器创建和编辑 svg 图像，并可以使用 CSS 或 JavaScript 制作动画。

矢量图形 (SVG) 越来越多地用于网页设计。它们可以快速轻松地更新，并且它们的质量不会因扩大而受到影响。许多人不知道 sva 是什么或如何使用它，这是可以理解的。您可以在本文中了解有关使用 SVG 设计网站的更多信息。使用 SVG 图像，无需担心 DPI，您可以创建清晰的图形，可以在各种显示器上显示或以任何尺寸打印。网页设计师可以使用 CSS 和 JavaScript 创建动画，这些动画可以在几秒钟内呈现出来。尽管创建 SVG 很容易，但如果您不注意，可能会出现视觉并发症。

您可以将 SVG 文件用于多种用途，从插图到徽标再到网页设计。尽管您不必害怕使用它们，但请确保它们是安全的并且只有受信任的用户才能上传它们。如果采取一些预防措施，您可以使用简单的 SVG 文件创建在任何设备上看起来都很棒的高质量图像。

如果我们在 Web 上使用 Svg 会发生什么？

因为它们是矢量图形而不是基于像素的图像，所以您可以调整它们的大小而不会降低质量。当您创建旨在在各种屏幕尺寸和设备上运行的响应式网站时，记住这一点尤为重要。

使用 Svg 文件进行网页设计的优缺点

设计网站时，使用矢量图而不是光栅图，这样可以节省时间和金钱。它是一种使用直线、曲线和形状的图形，可以以简单直观的方式进行编辑和缩放。带有 SVG 文件的网页有很多优点。首先要记住的也是最重要的一点是它们可以在任何浏览器中查看。此外， SVG 格式的文件比光栅格式的文件小得多，这意味着它们加载速度很快并且不会占用页面上的太多空间。使用 SVG 文件有一些缺点，但它们值得考虑。这些图像的一个缺点是，如果物体上密密麻麻地挤满了小元素，它们可能看起来难以阅读。同样，因为 SVG 文件是矢量图像，所以很难看清图形对象的特定部分，尤其是当它很大时。由于 SVG 文件比光栅图形小，网页设计师可以以低得多的成本从中受益。但是，请记住，您在使用它们时可能会受到限制，因此请确保在将它们上传到网络之前对其进行测试。

Svg 会降低网站速度吗？

在网页设计中使用可缩放矢量图形 (SVG) 时，实现速度很快。当访问者的浏览器尝试下载大图像文件时，它会降低网站速度，这是由 JPEG 和 PNG 图像的大文件引起的。与更大且加载时间更长的 .JPG 文件相比，.VNG 文件的处理速度要快得多。

Svg 文件在技术上不安全，但您可以保护自己

如果恶意用户可以将 JavaScript 注入您的 SVG 文件，他们就可以控制您的站点。
尽管如此，由于 WordPress 认为 svg 文件不安全，您可以使用 WordFence 等安全插件轻松保护自己免受这种情况的影响。如果您执行此操作，您的所有 SVG 文件都将被扫描以查找恶意代码并自动禁用。
尽管 SVG 文件在技术上是不安全的，但您可以使用安全插件轻松保护自己免受恶意用户的攻击。

对于网站来说，Svg 比 Png 好吗？

SVG 的大小远小于 PNG 的大小，因此不太可能降低您的计算机或网站的速度。如果使用非常详细的设计，SVG 可能需要更长的时间来加载。因为矢量文件是矢量文件，所以您可以在不损失任何原始质量的情况下放大或缩小它们的质量。

Svg 是 Html 的绝佳选择

DOM 是与 XML 交互的出色工具。好消息是，如果您知道如何使用 DOM，就可以使用 sva。 SVG 的存在是因为它是 DOM 的一部分。 XML 文档应该使用 DOM 进行结构化。有了通过 DOM 访问元素和属性的能力，这样做就很简单了。因此，sva 文件是 HTML 的不错选择。
因为它是 DOM 的一个组件，所以 SVG 是 HTML 的绝佳选择。

你可以在 Html 中嵌入 Svg 吗？

svg> /svg> 标签可用于将 SVG 图像直接写入 HTML 文档。打开 SVG 文件并复制代码，然后将其粘贴到 HTML 文档的 body 元素中。

是否还需要包含 <object> 标签？美元和印度卢比相对于外币的优缺点是什么？使用 Nano 嵌入代码标记和嵌入字体。使用静态压缩技术可能有效，使用 Brotli 压缩 SVG 也可能有效。由于我们网站上的图像数量增加，我们将无法快速检测到它们。因此，我们将能够使用嵌入方法将我们的图像列在图像搜索中。可以使用 HTML.html.html 标签将 HTML 嵌入其中。

如果您希望图像文件具有交互性，请使用 andlt;object> 标签。除非你缓存你的图像，否则使用标签“Fall Back”将导致双重加载，除非你缓存你的图像。通过将 SVG 用作 DOM 而不是 DOM，您可以使用外部 CSS、字体和脚本轻松管理依赖项。 ID 和类仍然封装在文件中，因此使用对象标签非常简单。如果要内联嵌入，请确保 ID 和类是唯一的。如果您必须根据用户交互对 SVG 进行动态更改，则只允许您这样做。不建议您使用内联 SVG，唯一的例外是当您不需要加载页面时。 iframe 除了难以维护之外，不会出现在搜索引擎上并且对 SEO 有害。

由于 SVG 相对于传统图形的灵活性，它可以缩放到任何大小而不会降低质量。图像也可以是动画的，使它们非常逼真。最后，使用 SVG 图像生成交互式 Web 图形的能力是现代浏览器中广泛使用的强大功能。
如果您是 SVG 的新手，花一些时间在 Mozilla 开发者网络上是个好主意。在您逗留期间，您还可以查看人们使用 SVG 创建的一些项目。

Svg——Web 开发的未来

可缩放矢量图形 (SVG) 是一种功能强大且高效的 Web 应用程序渲染引擎。关键字、描述和链接可以直接添加到标记中，它们可以嵌入到 HTML 中，因此可以缓存它们，使用 CSS 进行编辑，以及索引以提高可访问性，它们是面向未来的，可以创建和编辑任何编辑器，或绘图，以及

为什么 WordPress 不允许使用 Svg？

出于安全考虑，WordPress 不支持原生 SVG 支持。由于 SVG 不是 JPEG 或 PNG（光栅图像）等传统图像格式，因此它们包含定义直线、曲线、颜色等的代码。

WordPress 站点可以使用可缩放矢量图形 (SVG) 文件显示二维图像。在某些情况下，只需重新配置您的应用程序，您就可以使用这种文件类型优化您的一些徽标和其他图形。因为它们的可扩展性允许您根据需要调整尺寸而不会损失图像质量，所以它们非常通用。因为 WordPress 平台不支持开箱即用的 SVG，所以将它们包含在您的站点中会更加困难。我们将引导您完成如何使用插件和手动过程将 SVG 添加到您的站点。建议管理员能够限制SVG 上传请求的数量。在上传文件之前“清理”文件也是一个好主意。

然后，编辑您网站的 functions.php 文件以启用下一个启用 SVG 的方法。然后，将代码片段插入函数的标记中，以允许下载 SVG 文件。第 3 步：如果您更喜欢亲自动手，可以在您的 WordPress 网站上手动启用 SVG。首先，确保您已在您的网站上启用并保护 SVG 文件的使用。 SVG 的视图和交互类似于其他图像文件类型。您将能够按照以下步骤跟踪这些文件的安全性。

它可用于生成各种格式的徽标、图标、按钮和其他图形。虽然其他图像格式在网站上加载起来更大更快，但 SVG 文件更小更快。该过程对用户有益，因为显示图像所需的资源更少，从而可以提高页面的整体性能。此外，由于其多功能性，SVG 文件可以使用任何文本编辑器进行编辑，从而更易于创建和更新。 HTML5 图像还可以被搜索、索引、编写脚本和压缩，使它们成为网站的重要资产。

为什么 WordPress 不允许使用 Svg？

由于安全问题，此文件类型尚未集成到 WordPress 中，这是使用 SVG 文件的缺点之一。因为它们是基于 XML 的，所以 SVG 文件容易受到外部实体攻击以及其他风险。

将 Aria-describedby 添加到您的 Svg 文件中，让残障人士可以访问它

您的 SVG 文件描述的咏叹调确保所有残障人士都可以访问它。当用户将鼠标悬停在图像上时，aria-describedby 属性决定要显示的文本。图片的标题、作者姓名或观众可能感兴趣的任何其他信息都是此文本的示例。您可以通过将此属性添加到 SVG 文件来确保人们可以看到和使用您的图像。

如何在 WordPress 中启用 Svg 文件？

您将以与任何其他图像文件相同的方式将 SVG 文件插入后期编辑器。将 SVG 文件插入编辑器就像添加图像块一样简单。 WordPress 现在支持上传和嵌入 SVG 文件。

Svg 是矢量图像的未来

HTML、CSS 和 JavaScript 都能够支持 SVG 矢量图像格式。徽标、图标、图表或其他图形元素都可以使用它来创建。有几个免费的 jQuery SVG 插件可用，包括 Raphael-Vector Graphics、支持触摸的平移和缩放、jQuery 内联、iSVG 和 SVG 路径动画。当您将 SVG 上传到图标框块时，您会在编辑该块时看到它，但是当您单击另一个块时它不会出现。您可能需要重新加载才能看到它。

为什么 Svg 不显示在 Html 中？

您可能需要使用 SVG，例如 img src=image。文件链接正确，内容显示正确，一切都显示正确，但浏览器不显示它，因为您的服务器可能以不正确的内容类型提供文件。

使用 Svgs 的好处和基础知识

图像文件是其中包含矢量图形的图形，称为 sva 文件。包含 SVG 的 img 标签与包含常规图像的标签没有区别；尽可能使用 alt 标签来包含特定类型的图像。因为 HTML 使用与 SVG 相同的属性和值，所以您可以在设置它们的样式时使用相同的样式技术。但是，某些 SVG 属性和值是它们独有的。

在线上传 Svg 文件

有几种方法可以在线上传 SVG 文件。最常见的方法是使用在线转换器将文件转换为不同的格式，例如 PNG 或 JPG。另一种方法是使用在线编辑工具（例如 Adobe Illustrator）打开文件并将其另存为其他格式。

XML 是矢量图像的默认格式，可用于存储 SVG。 PNG 和 JPEG 通常以相对快速且轻松的方式上传到 WordPress 媒体库。因为 SVG 是矢量图像，而不是 JPEG 或 PNG 等标准图像格式，所以它们包含代码。您的 SVG 来源必须是可信的——也就是说，您可以信任的人，因此您或其他人只能与他们一起为您的 WordPress 网站做出贡献。如果你想让你的 SVG 真正安全，你应该首先清理它们。插件可免费或付费使用。恶意代码可能存在于对您的服务器或您的网站访问者有害的脏 SVG 中。

如果您对 SVG 进行染色，它将删除此类代码的所有实例。将 SVG 添加到您的 WordPress 网站的最直接的方法是使用插件。如果您在网站上使用页面构建器，则可以上传 SVG。如果您愿意，可以通过修改 WordPress 网站上的 function.php 文件手动为您的站点启用 SVG 支持。此功能需要管理员权限，因此建议在暂存/开发站点上对其进行测试。如果您不知道如何编码，我们建议您使用插件或页面构建器方法。这是使用经过清理的 SVG 的唯一方法，而且您只能从受信任的来源这样做。

您可以使用 SVG 文件为您的网站创建徽标、图标和信息图表。由于文件格式的原因，WordPress 平台本身不支持 SVG，SVG 容易受到网络攻击。本指南将引导您完成一些将 sva 用作 WordPress 查看器的方法。

允许 Svg 上传 WordPress

要允许在 WordPress 中上传 SVG，您需要安装并激活WP SVG Images 插件。激活后，您需要转到设置 » WP SVG 图像来配置插件设置。默认情况下，该插件只允许管理员上传 SVG，但您可以通过从下拉菜单中选择所需的用户角色来更改它。

由于 XML 的结构，它是一种可以拉伸的矢量图形格式。 JPG 和 PNG 文件格式包含像素，而矢量图形由 XML 文本文件表示。由于它带来的安全风险，目前 WordPress 不支持它，但稍后将提供更多详细信息。 XML 文件 SVG容易受到攻击，因为它是一个 XML 文本文件，缺少其他图像格式的某些安全功能。为了降低安全风险，最好进行消毒。 SVG 文件，然后再将它们上传到 WordPress 媒体库。有两种方法可以将 SVG 支持添加到 WordPress。

由于其众多优点， SVG 文件类型越来越受欢迎。因为 XML 文件类型容易被代码注入，所以 WordPress 默认不支持 SVG 支持。您可以通过使用 WordPress 插件或修改站点的 functions.php 文件在您的 WordPress 站点上启用 HTML 功能。

WordPress Svg 抱歉，您不能上传此文件类型。

当您尝试将文件上传到 WordPress 时，您会收到消息：“抱歉，出于安全原因，不允许使用此文件类型。” 因为 WordPress 的默认设置阻止上传 MIME 类型（也称为“媒体类型”），这通常会导致文件无法上传。

如何将自定义文件扩展名添加到您的 WordPress 网站

安装 WP Add Mime Types 插件后，您必须进入插件设置页面。将 Mime 类型小部件拖到所需位置后，它会显示在 WordPress 网站的外观部分。然后您必须选择要添加到列表中的扩展，然后单击添加。

Svg 文件无法在 WordPress 中上传

尝试将 SVG 文件上传到 WordPress 时，您可能会遇到错误提示“抱歉，出于安全原因不允许使用此文件类型。” 这是因为 SVG 文件可能包含可用于破坏网站安全的代码。为防止这种情况，WordPress 要求您通过 Safe SVG 等安全插件上传 SVG 文件。

您可以使用 WordPress 中可用的任何图像格式，包括 PNG、JPG 和 GIF。由于多种原因，可缩放矢量图形文件优于 JPG 和 PNG 等光栅化图像。由于众所周知的安全问题，SVG 在安全性方面具有明显的劣势。因为 SVG 文件是以矢量格式生成的，所以它们可以缩放以适应任何大小或尺寸。 JPG 或 PNG 文件的大小通常比较小的此类文件大。它们保存的信息较少，因为它们不使用像素而是使用矢量。大多数时候，SVG 文件无法处理非常详细的图像。

尽管文件较大，但它们的图像质量低于 JPG 或 PNG。如果您的图像很大并且需要很多细节，例如博客文章，您应该使用 JPG 或 PNG 文件。如果您已有图像的像素版本，则可以使用 Vector Magic 创建矢量图像。您可以使用我们提供的在线库在您的 WordPress 网站中使用这些免费矢量图标。要查看矢量文件的外观，您可以使用各种网络浏览器打开它。通过安装SVG 支持插件，您将能够使用生成的图像块修改图像的大小、ALT 文本和链接。该插件使用起来非常简单，不需要额外的设置。

如果你不想使用它，你可以跳过它。要使用 SVG 支持插件，您必须创建自己的解决方案。换句话说，WordPress应该被激活。使用 svg 时，您只需打开主题的 functions.php 文件并粘贴以下代码：请务必记住，这不包括文件清理，这可能会导致严重的安全问题。如果您没有使用 WordPress 安全插件，您绝对应该在手动启用 SVG 支持之前考虑 iThemes Security Pro。

Svg文件上传漏洞

SVG文件上传漏洞是指一种安全漏洞，允许攻击者将SVG文件上传到网站，以利用网站处理SVG文件的方式存在漏洞。这可能允许攻击者在服务器上执行恶意代码或获得对敏感信息的访问权限。

XSS 漏洞是由应用程序允许用户直接上传恶意文件，然后执行。由于不安全的上传，该文件已被泄露。攻击者的技能集使他能够执行范围广泛的攻击。说到操作系统命令注入，就涉及到XSS、SSRF等技术。这允许攻击者窃取用户会话、劫持用户帐户并将用户重定向到攻击者控制的网站。

Svg 可以是恶意的吗？

在某些 SVG 文件中，还可能嵌入了 JavaScript (JS) 代码，这可能会造成漏洞。例如，受感染的 SVG 文件可能会将用户引导至同样信誉良好的恶意网站。这些站点通常会引导用户安装间谍软件或病毒清除程序。

Xss 中的 Svg 是什么？

可缩放矢量图形 (SVG) 是一种基于 XML 的矢量图像格式，支持二维图形中的交互性和动画。

什么是上传漏洞？

当 Web 服务器允许用户在没有正确验证名称、类型、内容或大小等关键字的情况下将文件上传到文件系统时，就会出现文件上传漏洞。

WordPress Svg 支持

SVG 是一种在网络上广泛使用的矢量图形格式。 WordPress 支持 SVG 文件，但在使用它们时需要考虑一些限制。
在 WordPress 中使用 SVG 的主要问题是任何人都可以使用文本编辑器轻松编辑它们。这意味着如果有人恶意编辑 SVG 文件，他们可能会将恶意代码注入网站。
另一个需要考虑的问题是 SVG 的文件大小可能非常大，这会影响网站性能。
总的来说，虽然有一些潜在的问题需要考虑，但 WordPress 确实支持 SVG 文件。如果使用得当，它们可以成为向网站添加图像的好方法。

可缩放矢量图形 (SVG) 由于其广泛应用而在现代网页设计中变得越来越普遍。使用此插件，您可以轻松地嵌入您的全部内容。 VSCA 文件的代码使用了一个简单的 IMG 标签。类 style-svg 被动态添加到您的 IMG 元素，这导致用文件的实际代码动态替换任何包含 SVG 的元素。在最新版本 2.3.11 中， all.svg 文件会自动呈现为带有单个复选框的内联文件（请记住这一点）。在新版本的 JS 文件中，您现在可以在缩小版本和扩展版本之间进行选择。在这种情况下，如果将帖子/页面另存为带有 SVG 的特色图片，则特色图片元框中将出现一个复选框。

2.3 版中有一个新的 SVG 支持部分，称为高级模式。如果禁用它，则会从系统中删除高级功能和附加脚本。如果你想让 SVG 在定制器上工作，你必须修改/添加一些代码到你的子主题的函数文件中。这是一个很棒的教程。业内没有其他类似的插件。上传很简单。您可以使用这些文件在您的媒体库中使用任何其他图像，例如 svg 文件。

如果你想强制 all.svg 文件是内联的，现在有一个设置。就此用户而言，就是这样。确保您可以访问您自己的 Visual Composer 版本。图像包含一个类。

它是创建可缩小尺寸、可搜索和可修改以及缩放至任意尺寸的图形的绝佳工具。您可以直接在 HTML 中使用它们，类似于图像或内联文本的处理方式。如果您打算出售使用SVG 设计创建的项目，则必须获得商业使用许可。除了为您的企业制作实物商品和营销材料（例如，销售商品）之外，商业用途还包括在内。您还可以使用社交媒体图片或徽标。

WordPress 中的 Svg 图像

WordPress 支持直接在 WordPress 引擎中嵌入和渲染 SVG 文件。如果您安装了 WordPress，您将能够使用所有标准功能，例如帖子格式、自定义页眉和页脚选项以及小部件支持。在 WordPress 中使用 svg 图像时，您应该考虑以下因素。您的 SVG 文件必须正确命名和格式化。 WordPress 将无法正确显示具有不正确 XML 语法或名称的文件。您在帖子中使用的主图像应始终为 .sva 文件。无法使用 HTML 将图像嵌入为链接。当您使用 WP_SVG 对象时，您可以管理和渲染 SVG 文件。该对象使向 SVG 文件添加动画、交互性和自定义样式变得简单。使用“帖子缩略图”功能，您可以在帖子的前面给您的 SVG 图像一个小的预览。访问者将能够通过单击来决定是否要查看整个图像。

Svg 图像

SVG 图像是一种图像文件，可用于网站和其他数字媒体。它们是使用矢量图形创建的，这意味着它们可以缩放到任何大小而不会降低质量。这使得它们非常适合用于响应式网页设计，其中图像的大小需要灵活。

了解为什么我们是拥有超过 280,000 个 SVG 的市场领导者。我们的 SVG 与切割和制作软件兼容，例如 Silhouette 和 CVS Papercraft 设计、卡片制作、T 恤图形、木标牌设计以及许多其他选项。可以在此处下载免费的 Silhouette 和Cricut Svg 文件。您还可以查看我们的 YouTube 频道，获取有关如何使用出色的剪切文件设计的灵感。如果你有资源和时间，你可以花时间制作。有许多可用的工艺设计、材料和格式。

图像中的 Svg 是什么？

在 Web 浏览器上使用可缩放矢量图形 (SVG) 文件没有已知的缺点。与基于像素的栅格文件（如 JPEG）相反，矢量文件使用基于网格上的点和线的数学公式存储图像。

Svg 是 Png 吗？

PNG 能够处理非常大的分辨率，但它们不能无限扩展。另一方面，矢量文件基于线、点、形状和算法的复杂数学网络。他们有能力扩展到任何规模，而不会失去他们的分辨率。

Svg 文件和 Jpeg 文件有什么区别？

图像可以以两种格式存储：JPEG 和 SVG。 JPEG 是一种光栅图像格式，它采用有损压缩算法，可能会丢失一些数据，而 SVG 是一种基于文本的图像格式，它采用数学结构来表示图片，并且具有极强的可扩展性。

Svg Png 和 Jpg 哪个更好？

最好使用 svg 作为原始格式，而不是 JPG 或 PNG。