[教程]去掉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://xn--09st1ywm8a.com/5111.html
来源:月宅酱
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>