Responsive images - image formats

Back to the index.

Responsive images

<picture id="test">
	<source type="image/webp"
		srcset="pix/respimgwebp.webp">
	<source type="image/png"
		srcset="pix/respimgpng.png">
	<img
		src="pix/default.gif">
</picture>

This picture element is supposed to show webp, if that isn't supported png, if that isn't supported either gif. But it only shows gif.

Current source is http://quirksmode.org/html5/responsiveimages/pix/respimgwebp.webp.

Leaving out type is allowed, but then the browser doesn't check if it supports the format and simply attempts to show the first image.