当我们在wordpress后台的文章或媒体库中上传图片后,在源代码中发现img标签中会自动加入srcset属性,这是用于在不同宽、高和像素密度下,自动加载不同的图片资源,方便的解决了页面图片适应不同屏幕密度的情况,但如果我们想去掉应该怎么做?
以下代码举例:
srcset="https://cdn.science-daily.com/wp-content/uploads/2018/07/banner2.png 728w, https://cdn.science-daily.com/wp-content/uploads/2018/07/banner2-300x37.png 300w, https://cdn.science-daily.com/wp-content/uploads/2018/07/banner2-400x49.png 400w" sizes="(max-width: 728px) 100vw, 728px"
其实从WordPress4.4版本开始就已经增加了这个属性,可能有些人没注意到,如果网站本身已经做了自适应,不需要这个功能的话,我们可以修改主题模板的 functions.php 文件,在最后面添加下面这一行后生效。
add_filter( 'max_srcset_image_width', create_function('', 'return 1;'));
刷新后srcset属性就去掉了。