Какой MIME-тип у файлов .webp?
MIME-тип (медиатип) для файлов WebP-изображение с расширением .webp — image/webp. Поддерживается всеми современными браузерами. Используйте <picture> вместе с type="image/webp", если всё ещё нужен запасной вариант в JPEG/PNG.
Заголовок Content-Type
Content-Type: image/webpНастройка сервера
| Сервер | Настройка |
|---|---|
Nginx (mime.types или types {}) | image/webp webp; |
Apache (.htaccess) | AddType image/webp .webp |
IIS (web.config) | <mimeMap fileExtension=".webp" mimeType="image/webp" /> |
| Node.js / Express | res.type('webp') или res.setHeader('Content-Type', 'image/webp') |
| Amazon S3 | Задайте Content-Type: image/webp для объекта (метаданные) или передайте --content-type image/webp в aws s3 cp |
Нужно ли сжимать файлы .webp?
Нет. Файлы WebP уже сжаты внутри формата, поэтому gzip или Brotli только зря нагрузят процессор и почти не уменьшат размер, а иногда даже увеличат его. Не добавляйте image/webp в настройки сжатия.
Зачем нужен MIME-тип
Браузеры решают, что делать с ответом — отобразить, выполнить, воспроизвести или скачать — по заголовку Content-Type, а не по расширению файла. При X-Content-Type-Options: nosniff неверный тип приводит к тому, что таблицы стилей и скрипты полностью блокируются. Для загружаемых файлов никогда не доверяйте типу, который отправил клиент; проверяйте содержимое файла (его сигнатуру, magic bytes) на сервере.
Поиск MIME-типов
Поиск по всем распространённым расширениям файлов и MIME-типам с готовыми заголовками Content-Type для копирования.
Часто задаваемые вопросы
Какой MIME-тип у .webp?
image/webp.Как задать Content-Type для .webp в Nginx?
image/webp webp; есть в блоке types (обычно в /etc/nginx/mime.types), и перезагрузите Nginx.