처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
퀴즈 / HTML / 문제

HTML <img> 태그의 srcset 속성의 주된 용도로 올바른 것은?

보통 MDN Web Docs
보기 및 정답
A 화면 해상도나 뷰포트 크기에 따라 브라우저가 최적의 이미지를 선택하도록 여러 이미지 소스를 제공한다
B 이미지에 여러 개의 필터 효과를 동시에 적용하여 다양한 시각적 변환 효과를 수행한다
C 이미지를 순서대로 슬라이드쇼처럼 보여주며 자동으로 다음 이미지로 전환하는 기능이다
D 이미지의 색상 모드를 RGB에서 CMYK로 변환하여 인쇄에 최적화된 형식으로 표시하는 것으로 알려져 있다

해설

srcset 속성은 동일 이미지의 다양한 해상도 버전을 제공하여, 브라우저가 디바이스 픽셀 밀도(1x, 2x 등)나 뷰포트 너비에 따라 가장 적합한 이미지를 자동으로 선택하게 합니다. sizes 속성과 함께 사용하면 더 정밀한 반응형 이미지 제공이 가능합니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기