WidthWidth는 요청 중인 이미지 리소스가 실제로 렌더될 물리 픽셀 폭을 서버에 전달하는 클라이언트 힌트 요청 헤더입니다. 서버는 이 값에 맞춰 딱 필요한 크기의 이미지를 골라 보낼 수 있습니다.
값은 자원의 의도된 물리 폭(디바이스 픽셀)입니다(예: `Width: 640`). 브라우저가 레이아웃과 DPR을 계산해 산출합니다.
Viewport-Width가 전체 화면 폭을 알려주는 반면, Width는 개별 이미지가 페이지 안에서 차지할 실제 픽셀 폭을 알려줍니다. 브라우저는 `sizes` 속성으로 표현된 레이아웃 폭과 기기 픽셀 비율(DPR)을 곱해 최종 물리 폭을 계산하고, 그 값을 해당 이미지 요청에 Width 힌트로 실어 보냅니다. 서버는 이를 근거로 정확히 맞는 해상도를 선택해 과다·과소 전송을 피합니다.
다른 클라이언트 힌트와 마찬가지로 옵트인입니다. 서버가 `Accept-CH: Width`(및 흔히 `DPR`, `Viewport-Width`)로 힌트를 요청해야 브라우저가 이미지 요청에 값을 붙입니다. 응답이 힌트에 따라 달라지면 `Vary: Width`를 함께 보내 캐시가 해상도를 뒤섞지 않게 해야 합니다.
이 힌트는 DPR과 함께 쓰일 때 특히 강력합니다. 레이아웃 폭(CSS 픽셀)에 DPR을 반영한 물리 폭을 서버가 곧바로 받으므로, 고해상도 디스플레이에 선명한 이미지를 대역폭 낭비 없이 제공할 수 있습니다. 다만 구형 접두사 없는 이름은 폐기 경로이므로 신규 구현은 `Sec-CH-Width`를 우선 고려합니다.
Width: <integer>e.g. Width: 640