[教程]去掉srcset,避免替换文章图片后导致图片不显示




由于博客太大了,每次备份起来比较乏力,于是月宅又不得不回到起点,将图片与内容动静分离。在替换的时候遇见一个很烦的问题,那就是替换文章中的图片地址后,有个参数会导致前端图片依旧是显示默认路径,从而让部分图片显示404状态。


从审查元素上可以看见上面是正确地址,下面是错误地址,这是由srcset所造成的。所谓srcset也就是一种在不同页面去加载不同尺寸的图片,从而达到最优体验,举个栗子“在1080P电脑上会加载完整尺寸的图片,可能有2MB大小,用手机访问同样的页面,则会加载裁剪后的缩略图,可能才400*400,大小也就达到了几十KB”。wp文件内一般有各种尺寸的图,这就是用途了。但缺点是影响整体加载速度。

教程

为了解决月宅这里的错误,打开主题下的functions.php文件,在最后一行回车,往下面填充,保存后问题得到了完美的解决。同时还禁用掉sizes的检测。

//wordpress禁用图片属性srcset和sizes
add_filter( 'max_srcset_image_width', create_function( '', 'return 1;' ) );

 

「点点赞赏,手留余香」

    还没有人赞赏,快来当第一个赞赏的人吧!
站点出售中https://ikmoe.com/announcement/20357.html
4 条回复 A 作者 M 管理员
  1. 签到成功!签到时间:下午4:35:42每日打卡,月宅祝你生活越过越好喔~

  2. 加个友链吧,www.sj0722.cn

    • 没g头,暂时不换,麻烦看一下申链要求

  3. 签到成功!签到时间:下午5:05:59每日打卡,月宅祝你生活越过越好喔~

欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论