화면·디자인 · 필수
반응형 이미지Responsive Images
화면 크기에 맞는 해상도의 이미지만 골라 내려받게 하는 기법.
모바일에 2000px 이미지를 보내면 데이터와 시간을 그대로 낭비합니다. `srcset`으로 여러 크기를 알려주면 브라우저가 알아서 고릅니다.
“썸네일을 400·800·1200 세 벌로 준비해 srcset에 넣었다.”
다른 이름srcset · sizes · 반응형 이미지
화면·디자인 · 필수
화면 크기에 맞는 해상도의 이미지만 골라 내려받게 하는 기법.
모바일에 2000px 이미지를 보내면 데이터와 시간을 그대로 낭비합니다. `srcset`으로 여러 크기를 알려주면 브라우저가 알아서 고릅니다.
“썸네일을 400·800·1200 세 벌로 준비해 srcset에 넣었다.”
다른 이름srcset · sizes · 반응형 이미지