Width header
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 not standardized. We do not recommend using non-standard features in production, as they have limited browser support, and may change or be removed. However, they can be a suitable alternative in specific cases where no standard option exists.
Warning:
The Width header was standardized as Sec-CH-Width and the new name is now preferred.
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 is only sent on image requests.
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 request header | 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 image requests the client might send Width header back:
Width: 1920
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
Width request header
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
- Non-standard. Check cross-browser support before using.
- Deprecated. Not for use in new websites.
See also
- Device and responsive image client hints
Accept-CH- HTTP Caching: Vary and
Varyheader - Improving user privacy and developer experience with User-Agent Client Hints (developer.chrome.com)