WordPress极简博客 WordPress极简博客
  • 新鲜事
  • 战疫情
  • UI素材
    • UI素材
    • 电商/节日
    • PPT
      • 节日庆典
      • 工作汇报
      • 商业计划书
    • word
      • 简历竞聘
      • 合同/公文
  • 创客头条
    • 音乐分享
    • 初创文章
    • 极客头条
    • 生活趣事
    • 生活日记
    • 防骗指南
  • 编程教学
    • API日记
    • Linux安全栏目
      • Linux运维安全汇总
      • DDOS攻击防护
      • XSS攻击防护
      • SQL安全防护
    • Python技术栏目
      • Python基础入门
      • Python基础结构
    • WordPress技术栏目
      • WP主题
      • WordPress技术教程
      • RIPRO主题美化
    • WordPress漏洞发布
    • 技术教程汇总
    • 严选源码
  • 专题
  • 基友
  • 隐私
  • 注册
    登录
立即登录
  • 首页
  • 云优化
  • 新疫情
  • 新鲜事
    • 热文
    • 极客
    • 生活
  • 技术篇
    • WP主题
    • 技术教程
    • Python入门
    • Python基础
  • 专题篇
  • 友链君
首页 技术教程(干货) 如何把SVG图片合理安全地上传到WordPress

如何把SVG图片合理安全地上传到WordPress

夏柔 4月 22, 2020

将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优化服务器 ,它使您可以减少文件大小和获得高级支持。

你可以在 http://wp101.net/plugins/safe-svg/ 下载该插件,当您安装并激活插件时,无需进行任何设置调整。它仅允许SVG上传,同时自动清理可能存在的恶意代码。

下面是一个示例,我们在安装Safe SVG之前尝试上传SVG图像。如您所见,由于安全问题,WordPress不允许这样做。

但是在安装Safe SVG之后,我们可以轻松上传它。而且,我们甚至可以看到图像的预览。

如何把SVG图片合理安全地上传到WordPress-WordPress极简博客

就是这样!事实证明,将SVG文件上传到WordPress并不困难,对吧?

总结

SVG对于您的WordPress网站具有许多优势。但是,由于其文本格式,人们可能会插入一个注入代码并使您的网站容易受到攻击。这是WordPress默认情况下不允许其用户上传SVG的主要原因。

而我们可以通过 Safe SVG 插件来上传SVG文件并同时删除所有恶意代码。

在 Safe SVG 插件的帮助下,尽管它非常安全,但我们还是建议您务必小心。如果要下载任何免费的SVG图像,请始终检查它们是否来自受信任的可靠来源。注意安全!在这里推荐大家到 https://www.iconfont.cn/ 下载SVG图标。

0
J2dcg1.png
猜你喜欢
  • Nginx添加跨域限制规则
  • 使用测速脚本对国内Linux服务器进行测速
  • 域名爆破之自动化信息收集脚本
  • 利用免费接口实现国家开放大学刷网课脚本
  • RiProV2定制导航条
  • 判断是否在微信浏览器打开
  • 微信内自动播放音频非百度方案
  • 利用veImageX加速您的网站,想不快都难!
  • SWAPIDC减少注册信息及防刷注册量教学
  • Python实现定时发送每日早报及生活指数
16 10月, 2023
10月16日,星期一,在这里每天60秒读懂世界!
夏柔
站长
夏山如碧 - 怀柔天下
1725
文章
25
评论
58145K
获赞
版权声明

文章采用创作共用版权 CC BY-NC-ND/2.5/CN 许可协议,与本站观点无关。

如果您认为本文侵犯了您的版权信息,请与我们联系修正或删除。
投诉邮箱wpsite@aliyun.com

栏目推荐
Python基础入门33
WordPress技术教程267
前沿技术情报所22
城市创新——新消费11
最近有哪些不可错过的热文23
程序员的养生之道0
节
春
  • 新鲜事
  • 疫情实况
  • UI素材
  • 技术教程
  • 音乐分享
  • 专题
  • 友情
  • 隐私
  • 云优化
Copyright © 2019-2025 WordPress极简博客. Designed by 夏柔. 辽公网安备21010502000474号 辽ICP备19017037号-2