![](http://webcf.waybackmachine.org/web/20210505112001im_/https://habrastorage.org/getpro/habr/avatars/27c/3e9/2b5/27c3e92b56c7de6147eaebd062a1656e.png)
Почему стоит использовать тег <picture> вместо <img>
- Перевод
![image](https://webcf.waybackmachine.org/web/20210505112001im_/https://habrastorage.org/webt/3_/az/v1/3_azv1wplvaxq4uwso6pj4f56o8.jpeg)
Использование изображений и анимаций в интерфейсах пользователя стало распространённой практикой в современных веб-приложениях. Хотя эти примеры современного дизайна делают упор на повышение удобства работы с приложениями, если изображения не адаптируются ко всем устройствам, то могут возникать проблемы.
Мы, разработчики, должны удовлетворять потребностям пользователей. Но чаще всего мы упускаем мелочи, способные быть очень важными из-за того, что мы ищем решения на более высоких уровнях.
Выбор между тегами
picture
и img
может показаться мелким решением, но сделав правильный выбор, вы сможете повысить и удобство для пользователя, и производительность.В этой статье мы расскажем о различиях между тегами
picture
и img
и объясним, почему тег picture
более совершенен, чем img
.