En-tête Sec-CH-Width
Contexte sécurisé: Cette fonctionnalité est uniquement disponible dans des contextes sécurisés (HTTPS), pour certains navigateurs qui la prennent en charge.
Expérimental: Il s'agit d'une technologie expérimentale.
Vérifiez attentivement le tableau de compatibilité des navigateurs avant de l'utiliser en production.
L'en-tête de requête HTTP Sec-CH-Width est une indication du client sur l'appareil qui indique la largeur souhaitée de la ressource en pixels physiques — la taille intrinsèque d'une image. La valeur en pixels fournie est un nombre arrondi à l'entier supérieur le plus proche (c'est-à-dire la valeur plafond).
L'indication n'est envoyée que pour les requêtes d'images.
Cette indication permet au client de demander une ressource optimale à la fois pour l'écran et pour la mise en page : en tenant compte à la fois de la largeur de l'écran corrigée en fonction de la densité et de la taille extrinsèque de l'image dans la mise en page.
Si la largeur souhaitée de la ressource n'est pas connue au moment de la requête ou si la ressource n'a pas de largeur d'affichage, le champ d'en-tête Sec-CH-Width peut être omis.
Si l'en-tête Sec-CH-Width apparaît plus d'une fois dans un message, la dernière occurrence est utilisée.
| Type d'en-tête | En-tête de requête, Indication du client |
|---|---|
| En-tête de requête interdit | Non |
Syntaxe
Width: <number>
Directives
<number>-
La largeur de la ressource en pixels physiques, arrondie à l'entier supérieur le plus proche.
Exemples
Le serveur doit d'abord s'inscrire pour recevoir l'en-tête Sec-CH-Width en envoyant les en-têtes de réponse Accept-CH contenant Sec-CH-Width.
Accept-CH: Sec-CH-Width
Dans les requêtes d'images suivantes, le client peut retourner l'en-tête Sec-CH-Width :
Width: 1920
Spécifications
| Spécification |
|---|
| Responsive Image Client Hints # sec-ch-width |
Compatibilité des navigateurs
Voir aussi
- Indications du client pour les appareils et les images adaptatives
- L'en-tête
Accept-CH - Mise en cache HTTP : Vary et l'en-tête
Vary - Améliorer la confidentialité des utilisateur·ice·s et l'expérience des développeur·euse·s avec les indications du client de l'agent utilisateur (angl.) (developer.chrome.com)