私のウェブサイトでChromeエラーが表示されます:
「w」記述子が無効であるため、「srcset」属性値の解析に失敗しました。
ドロップされたsrcset候補 http://i2.wp.com/domain.net/wp-content/.../image.jpg?resize=425%2C2
これが何を意味するのか?
私はWordPressを私のWebサイトプラットフォームとして使用しています。また、Jetpackフレームワーク内でそのPhoton機能も使用しています。この機能に関連しているのではないかと疑っています。画像の寸法が正しく指定されていないか、何か?
「w」記述子とは何ですか?
[〜#〜] update [〜#〜]:これが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.">
私は同様のエラーがありました:
不明な記述子があるため、srcset属性値の解析に失敗しました
そして問題はspaceによって画像パスURLに引き起こされました。
tldr; HTMLが無効であり、実際の幅の数値がありません。
これは、srcsetを使用した有効なimgタグです。
<img src="phone.jpg" srcset="phone-small.jpg 256w, phone-big.jpg 512w" />
これは、ブラウザがsrcset
を理解している場合、幅が約256ピクセルの場合は小さい画像を使用し、幅が512ピクセルの場合は大きい画像を使用する必要があることを示しています。
イメージタグでは、w
の前には何もありません。
srcset="http://...resize=425%2C200 w, ...
幅を指定していないことに注意してください。それが問題です。画像を600ピクセルなどの画面幅に使用するには、600w
のように変更します。
私の場合、上記のすべての場合と同様に、画像のURLが壊れていました。
例:
https://aaaa.aaaa.com/?somequery
/?を置き換えると?助けた。
私の場合、適切な文字列の代わりにJSONオブジェクトを出力していた srcset-loader というWebpackローダーを使用してsrcsetを生成していました。