如何在WordPress中添加SVG（带有2个简单解决方案）

您想将SVG文件添加到WordPress网站吗？默认情况下，WordPress允许您上传所有流行的图像，音频和视频文件格式，但是SVG不在其中。在本文中，我们将向您展示如何在WordPress中轻松添加SVG。

SVG或可伸缩矢量图形是一种使用XML标记语言定义矢量图形的文件格式。SVG的主要优点是它使您可以放大图像而不会损失质量或有任何像素化。

SVG如何工作？

可缩放矢量图形（SVG）是一种使用XML显示二维图形的技术。它们与常用的图像格式（如PNG，GIF或JPEG）不同。

如果您拍摄png / jpeg图像文件并放大，那么您会注意到图像将开始模糊并变为像素化。

矢量图形不使用像素。而是使用二维地图定义您正在查看的图形。放大时，图像不会像素化。

这使您能够放大矢量图形而不会降低质量。最重要的是，SVG图像的文件大小可以比JPEG或PNG小得多。

矢量图形通常用于图标，图标字体，网站徽标和商标图像。您可能需要在WordPress中为公司徽标，图标或其他图形添加SVG文件。

听起来不错，但SVG文件仍然有些不安全。这就是默认情况下WordPress不支持SVG文件上传的原因。

如果您在WordPress外贸网站建设中上传SVG图片，则会看到以下错误消息：

抱歉，出于安全原因，不允许使用此文件类型。

SVG文件包含XML标记语言的代码，该代码类似于HTML。您的浏览器或SVG编辑软件将解析XML标记语言，以在屏幕上显示输出。

但是，这会使您的网站容易受到XML漏洞的攻击。它可用于获得对用户数据的未授权访问，触发蛮力攻击或跨站点脚本攻击。

我们将在本文中共享的方法将尝试清理SVG文件以提高其安全性。但是，这些插件无法完全防止恶意代码被上传或注入。

最好的解决方案是仅使用由可靠来源创建的SVG文件，并且仅将SVG上传限制为受信任的用户。

要了解有关安全性的更多信息，请查看我们针对初学者的完整WordPress安全性指南。

话虽如此，让我们看一下如何在WordPress中轻松安全地使用SVG文件。

此方法为在WordPress中添加SVG文件提供了完全支持。它还允许您在WordPress帖子和页面中显示嵌入式SVG。

首先，您需要安装并激活SVG支持插件。有关更多详细信息，请参阅有关如何安装WordPress插件的分步指南。

激活后，您需要访问设置»SVG支持页面以配置插件设置。

在设置页面上，您需要选中“是否限制管理员？”旁边的框。选项。这将仅允许站点管理员使用WordPress上传SVG文件。

下一个选项是打开高级模式。如果要使用CSS动画和内联SVG渲染等高级功能，则只需选中此选项。

不要忘记单击“保存更改”按钮来存储您的设置。

您现在可以创建新帖子或编辑现有帖子。在帖子编辑器中，您将上传SVG文件，就像上传任何其他图像文件一样。只需将图像块添加到编辑器，然后上传SVG文件。

现在，您将能够在WordPress中上传和嵌入SVG文件。

此方法还使用插件，并允许您对上载到WordPress的SVG文件执行清理操作。

您需要做的第一件事是安装并激活Safe SVG插件。有关更多详细信息，请参阅有关如何安装WordPress插件的分步指南。

该插件开箱即用，没有可供您配置的设置。您可以直接开始上传SVG文件。

缺点是该插件允许所有可以在WordPress网站上撰写帖子的用户上传SVG。