Width
Deprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.
Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.
Non-standard: This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.
Warning:
The Width
header was removed from the client hints specification in draft-ietf-httpbis-client-hints-07. The proposed replacement is Sec-CH-Width
(Responsive Image Client Hints).
The HTTP Width
request header is a device client hint which indicates the desired resource width in physical pixels — the intrinsic size of an image. The provided pixel value is a number rounded to the smallest following integer (i.e., ceiling value).
The hint allows the client to request a resource that is optimal for both the screen and the layout: taking into account both the density-corrected width of the screen and the image's extrinsic size within the layout.
If the desired resource width is not known at the time of the request or the resource does not have a display width, the Width
header field can be omitted.
If the Width
header appears more than once in a message the last occurrence is used.
Header type | Request header, Client hint |
---|---|
Forbidden header name | No |
Syntax
Width: <number>
Directives
<number>
-
The width of the resource in physical pixels, rounded up to the nearest integer.
Examples
The server first needs to opt in to receive the Width
header by sending the response headers Accept-CH
containing Width
.
Accept-CH: Width
Then on subsequent requests the client might send Width
header back:
Width: 1920
Browser compatibility
BCD tables only load in the browser
See also
Content-DPR
,Device-Memory
,DPR
,Viewport-Width
device client hintsAccept-CH
- HTTP Caching: Vary and
Vary
header - Improving user privacy and developer experience with User-Agent Client Hints (developer.chrome.com)