如何在WordPress中添加SVG

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

什么是SVG？

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

SVG如何运作？

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

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

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

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

矢量图形通常用于图标，图标字体，网站徽标和品牌图像。您可能希望在WordPress中添加SVG文件以用于公司徽标，图标或其他图形。

听起来很酷，SVG文件仍然有点不安全。这就是为什么WordPress默认不支持SVG文件上传的原因。

如果您在WordPress中上传SVG图像，您将看到以下错误消息：

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

关于WordPress中SVG的安全问题

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

但是，这会打开您的网站以查找可能的XML漏洞。它可用于获取对用户数据的未授权访问，触发暴力攻击或跨站点脚本攻击。

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

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

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

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

方法1.使用SVG支持在WordPress中上载SVG文件

此方法完全支持在WordPress中添加SVG文件。它还允许您在WordPress帖子和页面中显示内联SVG。

首先，您需要安装并激活SVG Support插件。

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

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

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

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

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

您现在可以在WordPress中上传和嵌入SVG文件。

方法2.使用安全SVG在WordPress中上载SVG文件

此方法还使用插件，允许您执行上传到WordPress的SVG文件的清理。

您需要做的第一件事是安装并激活Safe SVG插件。

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

缺点是这个插件允许所有可以在你的WordPress网站上发帖子的用户上传SVG。

为了控制谁可以上传文件，您需要购买该插件的高级版本。

我们希望本文能帮助您学习如何在WordPress中安全地添加SVG。