HTML picture etiketi

  • HTML etiketlerinden biri olan <picture> etiketi resimleri farklı büyüklük ve çözünürlüklere göre düzenlememizi sağlar.
  • <img> ve <source> etiketleri ile birlikte kullanılabilir.
  • <source> etiketi ile <picture> etiketinin farklı büyüklük ve çözünürlükteki alacağı resimler ayarlanır.

picture etiketi kullanımı

<picture>
  <img src="photo.jpg">
</picture>
<picture>
  <source srcset="second.jpg" media="(min-width: 700px) and (max-width: 1300px)">
  <source srcset="third.jpg" media="(min-width: 1301px) and (max-width: 1500px)">
  <img src="first.jpg">
</picture>
324 Views
38400cookie-checkHTML picture etiketi

Leave a Reply

Your email address will not be published. Required fields are marked *