<img width="200" height="200"
     srcset="https://placehold.co/200x200 1x,
             https://placehold.co/400x400 2x"
     src="https://placehold.co/200x200"
     alt="box">

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