将SVG文件上传到WordPress时遇到问题?不用担心,这是一个常见问题,因为WordPress默认情况下不支持上传SVG,这主要是出于安全考虑。今天我们将来详细说说这个问题以及处理方法。
什么是SVG?
SVG(可伸缩矢量图形)是基于XML文本的矢量图像格式。JPG和PNG这些常见图像格式是由非常多的称为像素的微小正方形组成的,但SVG格式依赖于XML标记来描述线条、形状和其他图像属性。
SVG直到最近几年才开始流行,尽管它从90年代就已经存在了。W3Techs的统计数据显示,截至2020年3月,所有网站中只有22.7%使用SVG。但是,随着开发人员和网站所有者试图满足当前对可伸缩性和快速加载速度的需求,该数字可能会增加(我们将在后面解释原因)。
SVG的另一个优点是它具有广泛的支持,并且可以在所有主流浏览器(例如Chrome,Firefox,Safari和Android版Chrome)上正常运行!
不幸的是,使用IE8或更早版本的Chrome和Safari的人可能会遇到问题,因为该格式不再支持这些浏览器。但这对网站管理员来说应该不是问题,因为大多数人已经不再使用这些过时的浏览器。
为什么应该更普遍地使用SVG?
许多人仍然不熟悉SVG格式,因为它不像像素图形那样成熟。但是事实并非如此,因为这种图形格式具有很多好处。
SVG的第一个突出优点是它的可伸缩性。由于SVG基于矢量,因此它们在所有屏幕分辨率下均保持相同的质量。
如果JPG文件在一个特定的设备上由于大小不够而显得模糊,则SVG仍然看起来非常清晰。您甚至可以随意放大和缩小而不会损失任何质量。当为您的所有网站访问者创建相同的高质量用户体验时,此特定功能确实很有帮助。
SVG也以文件较小而闻名。因此,它们占用的Web存储空间更少,并且加载方式比像素图像更快。但是有一个陷阱-如果您拍摄足够详细的图像并将其转换为SVG,则它将比JPG或PNG占用更多的空间。
为什么这样?好吧,这是因为SVG的文件大小取决于图像的复杂程度。图像越详细,文件越大。这就是SVG更适合徽标和图标的原因。如果要在您的网站上显示非常详细的图像(如照片),则JPG和PNG就是更好的方法。
对于网站管理员来说,另一个很棒的功能是Google对SVG进行索引。所有这种格式的图像都将显示在Google图像搜索中,这将大大提高您的网站的SEO。
SVG不属于WordPress核心
有这么多优点,为什么SVG不常见?WordPress为什么不允许您轻松上传SVG?
WordPress仍未将SVG作为其核心(默认文件)的一部分的主要原因是由于其带来的安全风险。
由于SVG基本上是文本文件,因此人们可以通过插入恶意代码来轻松利用它们。结果,您的站点遭受了注入攻击,这可能导致灾难性的站点黑客攻击。非常吓人,是吗?
这就是为什么在处理SVG文件时需要小心的原因。如果要将SVG上载到WordPress,以正确的方式进行操作非常重要-尤其是要上传从未知来源免费获得的SVG文件时。
防止有害代码的解决方案是清理SVG文件的恶意代码。此过程消除了可疑的代码和错误,使图像对您的网站安全。随意将未知来源的SVG上传到WordPress可能会导致严重的后果(例如网站被黑客入侵和服务器崩溃)。
关于使SVG成为WordPress核心功能的一部分的讨论仍在进行中。因此,我们目前需要采用一些额外的操作来将SVG上传到WordPress。
如何将SVG文件安全地上传到WordPress
安全地将SVG文件上传到WordPress的最佳方法是使用Safe SVG,该插件可自动清理上传的SVG文件。此外,它还可以预览媒体库中的SVG文件,因此您可以轻松地将它们添加到文章中。
这个WordPress插件还具有一个专业版,该版本允许限制可以上传SVG的用户。对于具有多个贡献者的网站,此功能非常有用,因为您可以将访问权限限制为信任的人。
专业版还包括SVGO优化服务器 ,它使您可以减少文件大小和获得高级支持。
你可以在 https://litepress.cn/plugins/safe-svg/ 下载该插件,当您安装并激活插件时,无需进行任何设置调整。它仅允许SVG上传,同时自动清理可能存在的恶意代码。
下面是一个示例,我们在安装Safe SVG之前尝试上传SVG图像。如您所见,由于安全问题,WordPress不允许这样做。
但是在安装Safe SVG之后,我们可以轻松上传它。而且,我们甚至可以看到图像的预览。
就是这样!事实证明,将SVG文件上传到WordPress并不困难,对吧?
总结
SVG对于您的WordPress网站具有许多优势。但是,由于其文本格式,人们可能会插入一个注入代码并使您的网站容易受到攻击。这是WordPress默认情况下不允许其用户上传SVG的主要原因。
而我们可以通过 Safe SVG 插件来上传SVG文件并同时删除所有恶意代码。
在 Safe SVG 插件的帮助下,尽管它非常安全,但我们还是建议您务必小心。如果要下载任何免费的SVG图像,请始终检查它们是否来自受信任的可靠来源。注意安全!在这里推荐大家到 https://www.iconfont.cn/ 下载SVG图标。