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

2021年8月4日前端开发299,081字数 333阅读1分6秒阅读模式

ThumbnailCover

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

 

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

 

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

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

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

 

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

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

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

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

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

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

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

可以根据自己的经验水平和学习方式进行调整。 初学者: 了解前端基础: 熟悉HTML、CSS和JavaScript。 了解基本的编程概念和Web开发原理。 学习Vue.js核心概念: 官方文档:阅读Vu...
评论  2  访客  0  作者  2
    • 小笔
      小笔

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

        • 小笔
          小笔

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

      匿名

      发表评论

      匿名网友

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

      确定