maistho / gulp-html-srcset Goto Github PK

The example given on the webpage (https://npm.io/package/gulp-html-srcset/v/2.0.0), <img srcset="image.webp 1200w, image.jpg 1200w, [email protected] 720w, [email protected] 720w">, uses different image formats in the same srcset and also doesn't include a default "src" for fallback. That's the first time I've seen that. The tutorials I have read would have written out that example using the picture element like in the following, in order to provide a fallback for browsers that don't support webp.

<picture>
<source type="image/webp" srcset="image.webp 1200w,  [email protected]" />
<img  src="[email protected]" srcset="[email protected] 720w,  image.jpg 1200w" >
</picture>

is <img srcset="image.webp 1200w, image.jpg 1200w, [email protected] 720w, [email protected] 720w"> considered valid html? Will browsers that don't support webp just skip them? Thanks, Sam