본문 바로가기

srcset

 (1)
[HTML] srcset 속성이란? srcset 속성은 HTML5에서 도입된 반응형 이미지를 위한 속성입니다.이 속성을 사용하면 브라우저가 다양한 화면 크기와 해상도에 맞는 최적의 이미지를 선택할 수 있게 됩니다.1. 기본 구조: 2. srcset 속성 구문여러 이미지 소스와 해당 이미지의 너비를 지정합니다.형식: 이미지URL 너비w, 이미지URL 너비w, ...예시: 3. sizes 속성미디어 조건에 따른 이미지 표시 크기를 지정합니다.브라우저가 적절한 이미지를 선택하는 데 도움을 줍니다.예시: 4. 장점디바이스 특성에 맞는 최적의 이미지 제공불필요한 대용량 이미지 다운로드 방지페이지 로딩 속도 향상모바일 데이터 사용량 절감5. 브라우저 지원대부분의 최신 브라우저에서 지원됩니다.지원하지 않는 브라우저는 src 속성의 이미지를 ..

티스토리툴바