Angular 6不显示WebP图像

Question

我使用的是角度6，我注意到.webp图像没有显示，并且jpg，png没问题。如何以角度6显示webp图像？

它在谷歌浏览器中有效，而在mozilla firefox中不可用

Answer 1

<picture>
    <source srcset="test1.webp" type="image/webp">
    <source srcset="test1.jpg" type="image/jpg">
    <img src="test1.jpg" alt="test">
</picture>

基于img标签src的浏览器src在所有浏览器中支持的用户图片标签会自动获取图片的路径