<img width="200" height="200"
     srcset="https://placekitten.com/g/200/200 1x,
             https://placekitten.com/400/400 2x"
     src="https://placekitten.com/g/200/200"
     alt="Cat">

<p>스마트폰이나 맥의 레티나 스크린으로 보면 400x400의 컬러 고양이가, 일반 스크린으로 보면 200x200의 흑백 고양이가 나타날 겁니다. 뷰포트상 논리적 사이즈는 두 경우 모두 200px입니다.</p>