Что означает "Не удалось выполнить синтаксический анализ атрибута srcset", поскольку его дескриптор "w" недействителен ". имею в виду?

Я получаю ошибки 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.">

Ответы

Ответ 1

У меня была аналогичная ошибка:

не удалось разобрать значение атрибута srcset, так как оно имеет неизвестный дескриптор

и проблема была вызвана пространством на URL пути изображения.

Ответ 2

TL;DR; Ваш HTML-код недействителен, и вам не хватает фактического значения ширины.

Это действительный тег img с srcset:

<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 чтобы использовать рис для ширины экрана 600 пикселей и т.д.

Ответ 3

В моем случае я генерировал свой srcset, используя загрузчик веб-пакетов srcset-loader, который выводил объект JSON вместо правильной строки.

Ответ 4

В моем случае, как и во всех вышеперечисленных случаях, URL изображения был поврежден:

Пример:

https://aaaa.aaaa.com/?somequery

Замена /? с? помог.