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


WebP очень полезный формат изображений для вашего сайта. Позволяет сжимать изображения как спотерей качества так и без потерь, также поддерживает анимацию и прозрачность.

Формат картинок WebP сократит размер файла в несколько раз!!! это очень ускоряет загрузку страницы/

Можно говорить чт на сегодняшний день этот формат поддерживают все современные браузеры, но и те которые ещё не перешли на эту технологию не остануться без картинок, почему видно из кода для вставки (ниже).

 

Самый удобный способ конвертировать изображения онлайн  - https://squoosh.app/

Вставлять картинки так:

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


#web #html5
562




Поиск по сайту