Width header
Deprecated
Avoid using this feature in new projects. This feature may be a candidate for removal from web standards or browsers.
Sicherer Kontext: Diese Funktion ist nur in sicheren Kontexten (HTTPS) in einigen oder allen unterstützenden Browsern verfügbar.
Nicht standardisiert: Diese Funktion ist nicht standardisiert. Wir raten davon ab, nicht-standardisierte Funktionen auf produktiven Webseiten zu verwenden, da sie nur von bestimmten Browsern unterstützt werden und sich in Zukunft ändern oder entfernt werden können. Unter Umständen kann sie jedoch eine geeignete Option sein, wenn es keine standardisierte Alternative gibt.
Warnung:
Der Width-Header wurde als Sec-CH-Width standardisiert, und der neue Name wird nun bevorzugt.
Der HTTP Width-Request-Header ist ein Device Client Hint, der die gewünschte Ressourcenbreite in physischen Pixeln angibt — die intrinsische Größe eines Bildes. Der angegebene Pixelwert ist eine Zahl, die auf die nächsthöhere ganze Zahl gerundet ist (d.h. der Deckenwert).
Der Hint wird nur bei Bildanfragen gesendet.
Der Hint ermöglicht es dem Client, eine Ressource anzufordern, die sowohl für den Bildschirm als auch das Layout optimal ist: Er berücksichtigt sowohl die dichtekorrigierte Breite des Bildschirms als auch die extrinsische Größe des Bildes im Layout.
Wenn die gewünschte Ressourcenbreite zum Zeitpunkt der Anfrage nicht bekannt ist oder die Ressource keine Anzeigebreite hat, kann das Width-Header-Feld weggelassen werden.
Erscheint der Width-Header mehr als einmal in einer Nachricht, wird das letzte Vorkommen verwendet.
| Header-Typ | Request-Header, Client Hint |
|---|---|
| Verbotener Request-Header | Nein |
Syntax
Width: <number>
Direktiven
<number>-
Die Breite der Ressource in physischen Pixeln, auf die nächsthöhere ganze Zahl gerundet.
Beispiele
Der Server muss zuerst zustimmen, den Width-Header zu empfangen, indem er die Antwort-Header Accept-CH mit Width sendet.
Accept-CH: Width
Dann kann der Client bei nachfolgenden Bildanfragen den Width-Header zurücksenden:
Width: 1920
Browser-Kompatibilität
Siehe auch
- Device und responsive Image Client Hints
Accept-CH- HTTP-Caching: Vary und
Vary-Header - Verbesserung des Datenschutzes und der Entwicklererfahrung mit User-Agent-Client-Hints (developer.chrome.com)