Angular 6 не отображает изображение webp

Question

Я использую Angular 6, и я заметил, что.webp изображения не отображаются и не проблема для JPG, PNG. Как отобразить изображение webp в угловых 6?

Он работает в Google Chrome и не работает в 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>

тег пользовательского изображения для поддержки во всех браузерах на основе браузера src тега img автоматически выбирает путь к изображению

Answer 2

У меня работал тег img с атрибутом источника . Все остальное можно прочитать по ссылке ниже.

      <img src="img/myAwesomeWebPImage.webp" alt="WebP rules.">

Источник: https://css-tricks.com/using-webp-images/