Որ HTML թեգը օգնում է տարբեր էկրանների լուծումների համար տարբեր պատկերներ բեռնել:

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> թեգում՝ տարբեր պատկերներ նշելով նրանց չափերով։