HTML srcset - x 설명자를 사용하는 경우?

Question

HTML5에서 반응 형 이미지를 읽고 질문하고 있습니다.

언제 x- 설명자를 사용 하시겠습니까? 예를 들어 동일한 이미지의 다른 해상도 버전을 사용하는 경우 w- 설명자를 사용하지 않는 이유는 무엇입니까? 내가 알고있는 것처럼 당신이 정의하는 경우 :

<img src="fallback.img" alt"txt" 
 
    srcset="large.jpg 1024w, 
 
      medium.jpg 640w, 
 
      small.jpg 320w," 
 
    sizes="250px" 
 
    alt="txt">

그런 다음 브라우저는 이미지의 폭 (1024,640,320)로 나누어 어쨌든 픽셀 밀도를 파악 - 승 - 기술자에 의해 제공을 크기 속성에 의해 제공되는 너비 (250)에 표시 될 너비가 있습니다. 그리고 픽셀 밀도를 얻음으로써 브라우저는 고밀도 디스플레이를 고려할 수 있습니다.

이것은 내가 지금까지 이해하고있는 방법이며, 내가 잘못하면 나는 그것을 알고 싶어합니다. 언제 w descriptor가 최상의 옵션이 아닌가/x descriptor가 언제 좋은가?

Answer 1

이미지의 렌더링 된 크기가 고정되어있을 때만 이전에 x 설명자를 사용했습니다. 실제로는 그렇게 자주 발생하지 않았습니다.

유일한 이점은 일부 브라우저에서 x 설명자가 지원되지만 w은 지원한다는 것입니다.

브라우저 지원이 널리 보급되었으므로 w 설명자 만 사용하고 거의 <picture>은 사용하지 않습니다.