HTML picture 태그

1 개요

HTML picture element

HTML picture 태그

• 매체 따라 그림의 방향, 크기, 이미지 형식 따위에 변화를 주고자 할 때 주로 사용한다.

html

Copy

<picture>
    <source srcset="/media/examples/surfer-240-200.jpg" media="(min-width: 800px)">
    <img src="/media/examples/painted-hand-298-332.jpg" />
</picture>

2 같이 보기

• picture
• HTML img 태그
• HTML source 태그

3 참고

• https://www.w3schools.com/tags/tag_picture.asp
• https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture