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

2021年8月4日 2 22,942

ThumbnailCover

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

 

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

 

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

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

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

 

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

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

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

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

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

如何在服务器上安装Cloudreve新版网盘程序 网页前端

如何在服务器上安装Cloudreve新版网盘程序

刚解决了自建图床问题,也感受到了阿里云对象储存OSS的奇妙。 所以我就想既然解决了图片问题,那么如果是视频的话,改怎么解决呢? 有没有更好的办法,可以实现上传视频,在线播放,并快速下载呢? 于是我想到...
在Windows上安装Node.js详细步骤教程 网页前端

在Windows上安装Node.js详细步骤教程

最近白捡了一个服务器,不知道能做点啥,于是决定尝试下VuePress。 因为经常有客户想要一个内部在线文档的需求,而这个VuePress简直就是为这个需求而存在的。 但是这玩意直接在linux上安装好...
兰空图床(Lsky Pro) 详细安装步骤 网页前端

兰空图床(Lsky Pro) 详细安装步骤

教程中的图床:圆子图床(https://www.yzitc.com)免费开放给网友使用。 之前一直用的是别人的图床,但最近不知道为什么接口突然无法使用了。 于是决定自己搭建一个图床,对比了多个图床程序...
匿名

发表评论

匿名网友 填写信息

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

评论:2   其中:访客  0   博主  2
    • 小笔 小笔

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

        • 小笔 小笔

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