HTML <source> 태그를 <picture> 안에서 media 속성과 함께 사용하면 어떤 이점이 있나요?
보통 MDN Web Docs해설
<picture> 안의 <source media="(max-width: 600px)" srcset="mobile.jpg">는 뷰포트가 600px 이하일 때 모바일용 이미지를 표시합니다. srcset의 해상도 전환과 달리, 아트 디렉션은 화면 크기에 따라 구도가 다른 이미지를 제공하여 모바일에서도 핵심 콘텐츠가 잘 보이게 합니다.
