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

图片[1]-[教程]去掉srcset,避免替换文章图片后导致图片不显示-月宅酱的博客


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


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

图片[2]-[教程]去掉srcset,避免替换文章图片后导致图片不显示-月宅酱的博客

教程

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

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

 

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 共4条
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片
    • 头像情醉中国风0
    • 头像20
      • 月宅的头像-月宅酱的博客月宅等级-LV1-月宅酱的博客作者0
    • 月宅的头像-月宅酱的博客月宅等级-LV1-月宅酱的博客作者0