<picture>

조건에 따라 다른 이미지를 제공합니다.

여러 source와 하나의 img를 묶어, 화면 크기나 포맷 지원에 따라 최적 이미지를 고르게 합니다(반응형 이미지).

예시

<picture>
  <source srcset="m.webp" type="image/webp" />
  <img src="m.jpg" alt="" />
</picture>