상황에 따라 모습을 바꾸는 카멜레온. 여러 <source>와 하나의 <img>를 자식으로 화면 조건에 맞는 최적의 이미지를 보여준다.MDNHTML 레퍼런스<picture> <source srcset="https://via.placeholder.com/400" media="(max-width: 600px)"> <source srcset="https://via.placeholder.com/800" media="(max-width: 1200px)"> <img src="https://via.placeholder.com/1600" alt="Responsive Image"> </picture>