如何在 WordPress 中添加 SVG 图片?

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

WordPress 中添加 SVG
WordPress 中添加 SVG

什么是 SVG?

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

SVG 是如何工作的?

可缩放矢量图形 (SVG) 是一种使用 XML 显示二维绘图的技术。它们不同于常用的图像格式,如 PNG、GIF 或 JPEG。如果您拍摄 png / jpeg 图像文件并放大,那么您会注意到图像将开始模糊。

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

尽管听起来很酷,但 SVG 文件仍然有点不安全。这就是 WordPress 默认不支持 SVG 文件上传的原因。如果您在 WordPress 中上传 SVG 图像,您将看到以下错误消息:

备注:不安全主要来源于您WordPress开通了新用户注册功能,并且他们可以上传文件。因为部分恶意程序植入到SVG文件中,如果开放了SVG文件上传,可能会被部分用户上传恶意SVG文件。对于不开放外部用户权限的网站,不必过于担心SVG的安全性,只要你自己确保自己上传的是来源于正规网站的SVG即可!

SVG 文件仍然有点不安全
SVG 文件仍然有点不安全

如何开通 WordPress 的 SVG 上传?

方法一:安装并激活插件;

  • SVG Support
  • Enable SVG
  • Safe SVG(据说该插件可以检测并去除SVG中的恶意代码,与250+110有的一拼)

方法二:修改网站根文件,在wp-config.php文件中加一行代码,就可以解除上传各式文件的限制。

方法三:Elementor编辑器也内置了启用SVG支持的功能,不过貌似只能在Elementor编辑器中上传SVG、无法在默认的媒体库中上传。

方法四:betheme主题有一个地方可以设置开启SVG上传,默认是不开启的。

方法五:自己FTP上传SVG到对应的文件目录,然后在前端引用图片的链接。注意文件的访问权限。(安全性有,便捷程度没有)

滚动至顶部