Middle

Koji HTML tag pomaže učitavanje različitih slika za različite rezolucije ekrana?

sobes.tech АИ

Одговор од АИ

У 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> тагу, указујући различите слике са њиховим величинама.

Претходно Следеће