Перейти к основному содержанию
Тонкости настройки веб-серверов (Nginx + Apache)
Чтобы включить поддержку форматов WebP и AVIF в Nginx, нужно проверить наличие модуля ngx_http_image_filter_module, настроить параметры в файле конфигурации Nginx и перезапустить сервер.

Для включения поддержки современных форматов изображений, таких как WebP и AVIF, на уровне конфигурации Nginx, необходимо выполнить несколько шагов. Ниже приведены инструкции, которые помогут вам настроить поддержку этих форматов.

1. **Убедитесь, что ваш сервер поддерживает необходимые модули Nginx**:

  • Проверьте, установлен ли у вас модуль ngx_http_image_filter_module. Этот модуль позволяет Nginx обрабатывать изображения и может быть необходим для работы с форматами WebP и AVIF.
  • Если модуль не установлен, вам потребуется его установить. Это можно сделать, добавив соответствующую строку в файл конфигурации Nginx или используя пакетный менеджер вашей операционной системы.

2. **Настройте поддержку форматов в файле конфигурации Nginx**:

  • Откройте файл конфигурации Nginx (обычно это /etc/nginx/nginx.conf или /etc/nginx/sites-available/default) в текстовом редакторе.
  • Найдите блок http и добавьте в него следующие строки:
http { # Другие настройки... image_filter on; image_filter_buffer 10M; image_filter_interlace on; # Поддержка WebP map $http_accept $webp_ext { default ""; ~*"webp" ".webp"; } # Поддержка AVIF map $http_accept $avif_ext { default ""; ~*"avif" ".avif"; } }
  • Эти настройки включают поддержку модулей для обработки изображений и определяют, какие расширения файлов будут использоваться для форматов WebP и AVIF.

3. **Настройте обработку запросов для поддержки форматов**:

  • В блоке server вашего файла конфигурации добавьте следующие строки:
server { # Другие настройки... location ~ \.(jpg|jpeg|png)$ { try_files $uri$webp_ext $uri$avif_ext $uri =404; } }
  • Эта конфигурация проверяет, поддерживает ли браузер форматы WebP или AVIF, и в зависимости от этого возвращает соответствующий файл.

4. **Сохраните изменения и перезапустите Nginx**:

  • После внесения изменений в файл конфигурации сохраните его и перезапустите Nginx, чтобы изменения вступили в силу.
  • Для перезапуска Nginx используйте команду sudo systemctl restart nginx.

5. **Проверьте работу поддержки форматов**:

  • Чтобы убедиться, что поддержка форматов работает корректно, загрузите изображение на ваш сервер и попробуйте открыть его в браузере.
  • Если браузер поддерживает форматы WebP или AVIF, он должен корректно отобразить изображение в соответствующем формате.

Beget

Хостинг, Регистратор, SEO

Похожие вопросы и ответы

Что делать, если доступ к сайту пропал из-за блокировок Роскомнадзора магистральными операторами?
Beget
Локализация, законодательство РФ и комплаенс
Если доступ к сайту заблокирован Роскомнадзором, можно проверить статус сайта, обратиться в службу поддержки хостинга, использовать альтернативные домены или поддомены, настроить DNS-серверы, применить VPN или прокси-серверы, а также обратиться в Роскомнадзор с заявлением о снятии блокировки. Важно помнить о возможных юридических последствиях обхода блокировок в вашей стране.
Что делать, если после включения HTTPS-адреса страниц личного кабинета (/my-account/) начали бесконечно перенаправлять друг на друга (redirect loop)?
Beget
Технические вопросы и CMS
Узнайте, как устранить проблему с бесконечными перенаправлениями (redirect loop) на страницах личного кабинета после включения HTTPS. В статье описаны шаги по проверке настроек перенаправлений в панели управления хостингом Beget, очистке кеша браузера, проверке файла .htaccess и рекомендации по обращению в службу поддержки.
Как использовать встроенный текстовый редактор и терминал Sprut.io для быстрого поиска и замены строки во всех файлах проекта (например, массовой смены домена в базе ссылок WordPress)?
Beget
Продвинутые настройки и разработка
Узнайте, как быстро заменить строку во всех файлах проекта с помощью встроенного текстового редактора и терминала Sprut.io. В статье описаны шаги для массовой смены домена в базе ссылок WordPress и выполнения сложных операций в базе данных через терминал.
Как настроить отдачу изображений и тяжелого контента из вашего S3-хранилища для снижения нагрузки на процессор аккаунта?
Beget
Производительность
Статья содержит пошаговую инструкцию по настройке отдачи изображений и тяжёлого контента из S3-хранилища на платформе Beget. Описаны ключевые шаги: настройка CNAME, конфигурация S3-хранилища, оптимизация изображений, использование CDN и настройка веб-сервера. Следуя этим рекомендациям, можно снизить нагрузку на процессор аккаунта и ускорить загрузку страниц для пользователей.
Как правильно организовать хранение тяжелых архивов заказов и старых изображений товаров, чтобы основная база данных сайта оставалась быстрой?
Beget
Работа со статикой, изображениями и медиа
Статья рассматривает эффективные методы организации хранения тяжёлых архивов заказов и старых изображений товаров, чтобы основная база данных сайта оставалась быстрой. Описываются такие подходы, как использование файлового хранилища, сегментация данных, применение CDN, оптимизация запросов и кэширование.
Можно ли использовать SFTP для резервного копирования базы данных?
Beget
Безопасность и резервные копии
SFTP можно использовать для резервного копирования базы данных на хостинге Beget, однако перед этим необходимо экспортировать базу данных в файл. Beget предоставляет инструменты и документацию, которые помогут реализовать процесс резервного копирования с использованием SFTP.
Как настроить CRON-задания через панель и какие существуют ограничения на частоту выполнения скриптов?
Beget
Продвинутые настройки и разработка
Узнайте, как легко настроить CRON-задания через панель управления Beget для автоматизации задач на вашем хостинговом аккаунте. Следуйте простым шагам, чтобы указать путь к скрипту и настроить частоту его выполнения. Ознакомьтесь с ограничениями и рекомендациями для оптимальной работы ваших скриптов.
Какой средний аптайм ваших серверов (по данным рейтингов — около 99.32%) и гарантируете ли вы финансовую компенсацию за простой?
Beget
Финансовые операции и налогообложение
Узнайте о высоком уровне надёжности серверов Beget с аптаймом около 99.32%. Мы стремимся минимизировать время простоя и обеспечить бесперебойный доступ к вашим ресурсам. В случае простоев по нашей вине мы готовы рассмотреть возможность компенсации. Для подробностей обращайтесь в службу поддержки.
Почему мой сайт выдает ошибку 500 сразу после добавления правила для кеширования статики в .htaccess?
Beget
Технические вопросы и CMS
Если после добавления правил для кеширования статики в файле .htaccess на вашем сайте появилась ошибка 500, это может быть связано с синтаксическими ошибками, конфликтами с существующими правилами, ограничениями хостинга, проблемами с правами доступа или ошибками в конфигурации сервера. Проверьте правильность написания правил, совместимость с другими директивами и настройки сервера, а также…
Как восстановить состояние базы данных MySQL на конкретную дату и время (Point-in-time recovery), если данные были случайно удалены час назад?
Beget
Работа с базами данных
Узнайте, как восстановить состояние базы данных MySQL на конкретную дату и время в хостинге Beget. В статье описаны шаги для проверки наличия бэкапов, выбора нужного бэкапа, восстановления базы данных через панель управления и проверки её состояния после восстановления.
Как заказать автопродление домена и что делать, если письмо о продлении не приходит на почту администратора?
Beget
Домены и почта
Узнайте, как легко настроить автопродление домена на Beget и что делать, если уведомления о продлении не приходят на почту. В статье описаны шаги по активации автопродления и рекомендации по решению проблем с получением писем.
Почему возникает ошибка «Access denied for user» при подключении скрипта к БД, если данные пользователя верны (проблема с привязкой хоста % vs localhost)?
Beget
Технические вопросы и CMS
Статья рассматривает причины возникновения ошибки 'Access denied for user' при подключении скрипта к базе данных на хостинге Beget и предлагает способы её решения. Описываются особенности настройки доступа к базе данных в MySQL и MariaDB, возможные сетевые ограничения и ошибки в конфигурации скрипта. Даются рекомендации по проверке настроек пользователя, сетевых правил и обращению в службу…