WebP как пользоваться

WebP очень полезный формат изображений для вашего сайта. Позволяет сжимать изображения как с потерей качества так и без потерь, также поддерживает анимацию и прозрачность. Формат картинок WebP сократит размер файла в несколько раз!!! это очень ускоряет загрузку страницы/ Можно говорить что на сегодняшний день этот формат поддерживают все современные браузеры, но и те которые ещё не перешли на эту технологию не останутся без картинок, почему видно из кода для вставки (ниже). Самый удобный способ конвертировать изображения онлайн - https://squoosh.app/ Вставлять картинки так:

1. <picture>
2. <source type="image/webp" srcset="sunrise.webp">
3. <source type="image/jpeg" srcset="sunrise.jpg">
4. <img src="sunrise.jpg" alt="Sunrise Image">
5. </picture>