"失败解析'srcset'属性值是什么,因为'w'描述符无效." 意思？

Question

我的网站上出现Chrome错误,说:

解析'srcset'属性值失败,因为它的'w'描述符无效.
丢弃的srcset候选人 http://i2.wp.com/domain.net/wp-content/.../image.jpg?resize=425%2C200

知道这意味着什么吗？

我使用WordPress作为我的网站平台.我还使用它的Photon功能(在其Jetpack框架内).我怀疑它与这个功能有关.图像尺寸是否被错误地指定？

什么是'w'描述符？

---

更新:这是HTML:

<img src="http://i1.wp.com/gaithersburgpsychologist.net/wp-content/uploads/2015/02/lightbulb.jpg?resize=425%2C200"
   srcset="http://i1.wp.com/gaithersburgpsychologist.net/wp-content/uploads/2015/02/lightbulb.jpg?resize=425%2C200 w, http://i1.wp.com/gaithersburgpsychologist.net/wp-content/uploads/2015/02/lightbulb.jpg?resize=450%2C320 w"
   sizes="(min-width: 768px) 720px, (min-width: 992px) 700px, (min-width: 1200px) 850px, calc(100vw-20px)"
   alt="Change your thoughts and you change your world.">

Answer 1

我有一个类似的错误:

解析srcset属性值失败,因为它有一个未知的描述符

并且问题是由图像路径URL中的空格引起的.

Answer 2

你的HTML是错的.

这是一个带有srcset的有效img标记:

<img src="phone.jpg" srcset="phone-small.jpg 256w, phone-big.jpg 512w" />

它说如果你的浏览器理解srcset它应该在宽度约为256 px时使用小图像,而在宽度为512 px时使用较大的图像.

在您的图片代码中,您没有任何内容w:

srcset="http://...resize=425%2C200 w, ...

注意没有指定宽度的东西？那就是问题所在.