Заголовки: Sec-CH-Width
Заголовок Sec-CH-Width
Безопасный контекст: Эта функция доступна только в безопасных контекстах (HTTPS) в некоторых или во всех поддерживающих браузерах.
Экспериментальная функция: Это экспериментальная технология
Перед использованием в рабочей среде внимательно изучите таблицу совместимости с браузерами.
HTTP-заголовок Sec-CH-Width запроса — это подсказка клиента устройства, указывающая желаемую ширину ресурса в физических пикселях — исходный размер изображения. Предоставленное значение в пикселях — это число, округлённое вверх до ближайшего целого (то есть округлённое в большую сторону).
Подсказка отправляется только в запросах изображений.
Подсказка позволяет клиенту запросить ресурс, оптимальный как для экрана, так и для макета: учитываются и скорректированная с учётом плотности ширина экрана, и внешний размер изображения в макете.
Если желаемая ширина ресурса неизвестна на момент запроса или у ресурса нет ширины отображения, поле заголовка Sec-CH-Width можно опустить. Если заголовок Sec-CH-Width встречается в сообщении несколько раз, используется последнее вхождение.
| Тип заголовка | Заголовок запроса, Подсказка клиента |
|---|---|
| Запрещённый заголовок запроса | Нет |
Синтаксис
Width: <number>
Директивы
<number>-
Ширина ресурса в физических пикселях, округлённая вверх до ближайшего целого числа.
Примеры
Сначала сервер должен дать согласие на получение заголовка Sec-CH-Width, отправив в ответе заголовки Accept-CH, содержащие Sec-CH-Width.
Accept-CH: Sec-CH-Width
Затем в последующих запросах изображений клиент может отправлять заголовок Sec-CH-Width:
Width: 1920
Спецификации
| Спецификация |
|---|
| Responsive Image Client Hints> # sec-ch-width> |
Совместимость с браузерами
| Компьютер | Мобильные устройства | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
Sec-CH-Width |
9746 | 9779 | Нет | 8333 | Нет | 9746 | Нет | 6833 | Нет | 18.05.0 | 9746 | Нет |
См. также
- Подсказки клиента для устройств и адаптивных изображений
Accept-CH-
Кэширование HTTP: Vary и заголовок
Vary - Повышение конфиденциальности пользователей и удобства работы разработчиков с помощью подсказок клиента User-Agent (developer.chrome.com)
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTTP/Reference/Headers/Sec-CH-Width
