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 thecompatibility tableat 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 insecure contexts(HTTPS), in some or allsupporting 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.

TheWidthdevice client hintrequest header field 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).

Header type Request header, Client hint
Forbidden header name no

The hint is particularly useful because it 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, theWidthheader field can be omitted.

If theWidthheader appears more than once in a message the last occurrence is used.

Note:

  • Client Hints are accessible only on secure origins (via TLS).
  • A server has to opt in to receive theWidthheader from the client, by sending theAccept-CHresponse header.
  • Servers that opt in to theWidthclient hint will typically also specify it in theVaryheader. This informs caches that the server may send different responses based on the header value in a request.
  • Widthwas removed from the client hints specification indraft-ietf-httpbis-client-hints-07.The proposed replacement isSec-CH-Width(Responsive Image Client Hints).

Syntax

http
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 theWidthheader by sending the response headersAccept-CHcontainingWidth.

http
Accept-CH: Width

Then on subsequent requests the client might sendWidthheader back:

http
Width: 1920

Browser compatibility

BCD tables only load in the browser

See also