Каким образом можно указать различные форматы изображений?

Для указания различных форматов изображений в веб-разработке используются следующие подходы:

1. Элемент <picture>: Позволяет браузеру выбрать наиболее подходящий формат изображения из набора, основываясь на правилах, указанных в элементах <source>.

   html

2. Атрибут srcset элемента <img>: Используется для указания списка источников изображений с различными размерами или плотностями пикселей, а также для предложения разных форматов.

   html

   В данном случае srcset предлагает image.webp для обычных дисплеев и image@2x.webp для ретина-д