Back to questions
Middle
6
Какой тег HTML помогает загружать разные изображения для разных разрешений экрана?
Companies where asked
Мыс
Answer from AI
sobes.tech AI
Для загрузки разных изображений в зависимости от разрешения экрана в HTML используется тег <picture>. Внутри него можно указать несколько <source> с атрибутом media, задающим условия для выбора изображения, и тег <img> с запасным изображением.
Пример:
<picture>
<source media="(min-width: 800px)" srcset="large.jpg">
<source media="(min-width: 400px)" srcset="medium.jpg">
<img src="small.jpg" alt="Пример изображения">
</picture>
В этом примере браузер выберет large.jpg, если ширина экрана 800px и больше, medium.jpg при ширине от 400px до 799px, и small.jpg для меньших экранов.
Также для простых случаев можно использовать атрибут srcset у тега <img>, указывая разные изображения с их размерами.