webp format support in firefox?

Question

Images

The well-known problem is that fox does not support the webp format. How to fix?

Answer 1

I prefer this way of solving problems with webp format support like
< picture >
< source srcset="img.webp" type="image/webp" >
< source srcset="img.png" type="image/jpeg" >
< img src="img.png" >
</picture >

Answer 2

Render a format that supports https://www.sitepoint.com/implementing-cross-brows...
Specifically
The browser will decide what to take

Answer 3

It's very easy to "fix" on backgrounds:
https://css-tricks.com/using-webp-images/#article-...
The link is the target part of the article on how to "fix" images for backgrounds using the modernizr polyfill library.
Next, go to the library and "build" our polyfill - https://modernizr.com/download?webp-setclasses&q=webp
The link is already ready, just click Build, download and connect. If it seems confusing, then download the js from the codepen example.