Was bedeutet “Parsing des Attributwerts ‘srcset’ fehlgeschlagen, da sein ‘w’-Deskriptor ungültig ist.” bedeuten?

Ich erhalte Chrome-Fehler auf meiner Website, die sagen:

Parsing des Attributwerts „srcset“ fehlgeschlagen, da der Deskriptor „w“ ungültig ist.
Gefallener srcset-Kandidat
http://i2.wp.com/domain.net/wp-content/…/image.jpg?resize=425%2C200

Irgendeine Ahnung, was das bedeutet?

Ich verwende WordPress als meine Website-Plattform. Ich verwende auch seine Photon-Funktion (innerhalb seines Jetpack-Frameworks). Meine Vermutung ist, dass es mit dieser Funktion zu tun hat. Werden die Bildabmessungen falsch angegeben oder so?

Was sind ‘w’-Deskriptoren?

AKTUALISIEREN: Hier ist der HTML-Code:

<img src="http://i1.wp.com/gaithersburgpsychologist.net/wp-content/uploads/2015/02/lightbulb.jpg?resize=425%2C200"
   
   
   alt="Change your thoughts and you change your world.">

Ich hatte einen ähnlichen Fehler:

Parsing des srcset-Attributwerts fehlgeschlagen, da es einen unbekannten Deskriptor hat

und das Problem wurde verursacht durch a Platz in der Bildpfad-URL.

tldr; Ihr HTML-Code ist ungültig und Ihnen fehlt die tatsächliche Breitennummer.

Dies ist ein gültiges img-Tag mit srcset:

<img src="https://stackoverflow.com/questions/31074180/phone.jpg"  />

Es sagt, dass, wenn Ihr Browser versteht srcset Es sollte das kleine Bild verwenden, wenn die Breite ca. 256 px beträgt, und das größere Bild, wenn es 512 px breit ist.

In deinem Image-Tag hast du nichts vor w:

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

Beachten Sie, dass die Breite nicht angegeben ist? Das ist das Problem. Ändern Sie es in etwas wie 600w um das Bild für Bildschirmbreiten von 600 Pixel zu verwenden usw.

In meinem Fall habe ich einfach vergessen, ein Komma zwischen die Bilder zu setzen

In meinem Fall habe ich mein srcset mit einem Webpack-Loader namens generiert srcset-Loader der ein JSON-Objekt anstelle einer richtigen Zeichenfolge ausgegeben hat.

In meinem Fall war die Bild-URL wie in allen oben genannten Fällen beschädigt:

Beispiel:

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

/? ersetzen mit ? geholfen.

In meinem Fall habe ich die srcset-Größen programmgesteuert erstellt und hatte einen Wert wie 347,99999w. Gelöst mit einem Math.floor().

Behoben durch Entfernen des Leerzeichens aus dem URL-Dateinamen