开启外链图片自动本地化后,如何让部分图片不要自动本地化

2021年8月4日网页前端280,644字数 333阅读1分6秒阅读模式

ThumbnailCover

很多网站主题都自带外链图片自动本地化,但是有些图片,特别是一些大的图片或者动图,由于尺寸很大会影响网页打开速度,我们不想让它本地化,是否有办法避免呢?

 

之前咨询主题开发者,他们的意见都是不想本地化的时候,先临时关闭这个外链图片自动本地化功能,上传文章后再打开即可。

 

可是如果有某篇文章,只有部分图片不想本地化就会非常麻烦。

除非是先上传可以本地化的图片,发布文章。

然后关闭本地化功能,再上传不想本地化的,更新文章来实现,可是这样也太麻烦点了吧。

 

今天无意中发现,其实只要给图片加上一个属性就可以解决。

就是这个:Referrer-Policy(来源协议)

完整的就是:referrerpolicy="no-referrer"

下面我们用这些动图来试试,大家可以看下实际效果。

开启外链图片自动本地化后,如何让部分图片不要自动本地化
开启外链图片自动本地化后,如何让部分图片不要自动本地化
开启外链图片自动本地化后,如何让部分图片不要自动本地化
开启外链图片自动本地化后,如何让部分图片不要自动本地化
开启外链图片自动本地化后,如何让部分图片不要自动本地化
开启外链图片自动本地化后,如何让部分图片不要自动本地化
开启外链图片自动本地化后,如何让部分图片不要自动本地化
开启外链图片自动本地化后,如何让部分图片不要自动本地化
开启外链图片自动本地化后,如何让部分图片不要自动本地化
开启外链图片自动本地化后,如何让部分图片不要自动本地化
开启外链图片自动本地化后,如何让部分图片不要自动本地化
开启外链图片自动本地化后,如何让部分图片不要自动本地化
开启外链图片自动本地化后,如何让部分图片不要自动本地化
开启外链图片自动本地化后,如何让部分图片不要自动本地化
开启外链图片自动本地化后,如何让部分图片不要自动本地化
开启外链图片自动本地化后,如何让部分图片不要自动本地化
开启外链图片自动本地化后,如何让部分图片不要自动本地化
img

2024最新 Vue.js 的一般性学习路径 网页前端

2024最新 Vue.js 的一般性学习路径

可以根据自己的经验水平和学习方式进行调整。 初学者: 了解前端基础: 熟悉HTML、CSS和JavaScript。 了解基本的编程概念和Web开发原理。 学习Vue.js核心概念: 官方文档:阅读Vu...
如何初次使用react及next.js框架 网页前端

如何初次使用react及next.js框架

官方文档地址:https://react.dev/learn 请确保你已经安装node.js,并可以使用npm或者npx命令。 (本教程默认你已经安装) 仅作本人学习记录,供参考。 安装及使用Reac...
评论  2  访客  0  作者  2
    • 小笔
      小笔

      最终测试发现并没有实现 :!: :!: ,之前成功可能是因为本地化的插件临时失效导致的,白高兴一场,还以为真的找到好办法了。

        • 小笔
          小笔

          @ 小笔 大家进来就当欣赏下动图吧!

      匿名

      发表评论

      匿名网友

      :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

      确定

      取消