HTML <picture> 태그의 주요 목적은 무엇인가요?

해설

<picture> 태그는 <source> 요소와 함께 사용하여, 미디어 쿼리 조건(화면 크기, 해상도 등)에 따라 서로 다른 이미지를 로딩합니다. 모바일에서는 작은 이미지를, 데스크톱에서는 큰 이미지를 제공하여 성능과 사용자 경험을 최적화할 수 있습니다.