멀티미디어 - IMG 3 - W,X 단위

srcset은 브라우저에 제시할(사용할) 이미지들과 그 이미지들의 원본 크기를 지정한다.

 

사용할 이미지를 사이즈별로 2장 이상 준비하여 srcset 속성에 작성한다.
단, 주의사항은 이미지의 크기로 px단위가 아닌 w 디스크립터 혹은 x 디스크립터를 입력해야 하며, 작은 크기 이미지부터 순서대로 입력한다.

 

 

1. W unit

w단위 (width descriptor)는 이미지의 원본 크기(가로 너비)를 의미한다. 예를들어 400X300(px)크기의 w의 값은 400w 이다.

 

 

2. X descriptor

x 디스크립터(Device pixel ratio descriptor)는 이미지의 비율 의도를 의미한다.
위 w 디스크립터에서 사용했던 예제를 다음과 같이 수정할 수 있다.