Вы загружаете на сайт фотографии в формате JPEG или PNG, а посетителям показываете их же. Только вес файла мог бы быть в два раза меньше. Современные форматы WebP и AVIF режут размер картинок на 30-50% без потери качества. Проблема в том, что обычно для их настройки нужно лезть в конфиги сервера или писать скрипты. Но есть способ настроить автоматическую генерацию WebP и AVIF без кода, используя только возможности вашего хостинга и CMS.
Автоматическая генерация WebP и AVIF без кода реальна даже на обычном shared-хостинге. Вам не нужны навыки программирования. Достаточно выбрать правильный плагин для CMS или активировать встроенную функцию в панели хостинга. Это ускорит загрузку сайта, улучшит позиции в поиске и сэкономит место на диске. Главное — не трогать оригиналы и дать системе работать в фоне.
Почему WebP и AVIF стали стандартом в 2026 году
Браузеры давно научились открывать оба формата. Google Chrome, Яндекс.Браузер, Safari и Firefox отлично понимают WebP. AVIF пока поддерживается чуть хуже, но все современные версии браузеров его тоже видят. Если вы используете WordPress, Joomla или другую популярную CMS, то плагины для конвертации уже встроены в репозиторий.
Плюсы перехода на новые форматы очевидны:
- Файлы WebP весят на 25-35% меньше, чем JPEG.
- AVIF даёт экономию до 50% по сравнению с тем же JPEG.
- Картинки грузятся быстрее, а значит, падает показатель отказов.
- Поисковые системы учитывают скорость загрузки. Чем быстрее сайт, тем выше позиции.
Единственная проблема — как настроить это без написания кода. Давайте разберём три рабочих способа.
Способ 1: Используем плагин для вашей CMS
Самый простой путь для владельца сайта. Вы устанавливаете расширение, оно делает всю работу. Никаких файлов .htaccess или команд в терминале.
- Зайдите в админку вашей CMS.
- Найдите раздел с плагинами или расширениями.
- В поиске введите «WebP» или «Image Optimizer».
- Установите тот, который поддерживает автоматическую конвертацию при загрузке.
- В настройках укажите, что нужно создавать копии в форматах WebP и AVIF.
- Сохраните изменения. Все новые изображения будут обрабатываться автоматически.
Большинство плагинов умеют работать в фоне. Вы загружаете обычный JPEG, а система создаёт рядом файл с тем же именем, но в новом формате. Оригинал остаётся нетронутым. Это важно для тех, кто хочет сохранить исходники.
Способ 2: Включаем функцию на стороне хостинга
Некоторые провайдеры shared-хостинга уже добавили кнопку «Оптимизация изображений» в панель управления. Вам не нужен плагин. Достаточно зайти в настройки сайта и активировать галочку.
- Откройте панель хостинга (cPanel, ISPmanager или собственную).
- Найдите раздел «Производительность» или «Оптимизация контента».
- Выберите пункт «Автоматическая конвертация в WebP / AVIF».
- Нажмите «Включить».
Система сама начнёт обрабатывать изображения, которые уже лежат на сервере. Новые файлы она будет конвертировать моментально. Проверьте, поддерживает ли ваш тариф такую возможность. Если нет, попросите техподдержку активировать модуль.
Сравнение подходов: плагин против хостинга
| Критерий | Плагин для CMS | Функция хостинга |
|---|---|---|
| Сложность настройки | Установка из репозитория | Одна галочка в панели |
| Контроль над процессом | Полный: можно выбрать папки | Автоматический, без тонкой настройки |
| Нагрузка на сервер | Средняя (зависит от CMS) | Минимальная (оптимизировано провайдером) |
| Поддержка AVIF | Есть не у всех плагинов | Зависит от хостинга |
| Стоимость | Бесплатно или подписка | Часто входит в тариф |
Совет эксперта. Если у вас сайт на WordPress, начните с плагина. Вы получите больше контроля. Если используете Joomla или самописную CMS, проверьте сначала панель хостинга. Часто это быстрее и надёжнее.
Способ 3: Настраиваем через файл .htaccess (почти без кода)
Этот метод подходит тем, кто не боится зайти в файловый менеджер хостинга. Но писать код с нуля не придётся. Достаточно скопировать готовый блок правил.
- Откройте файловый менеджер в панели хостинга.
- Найдите файл .htaccess в корневой папке сайта.
- Вставьте в него правила, которые будут подменять расширения файлов.
Пример строки, которая заставляет сервер отдавать WebP, если браузер его поддерживает:
RewriteCond %{HTTP_ACCEPT} image/webp
RewriteCond %{DOCUMENT_ROOT}/$1.webp -f
RewriteRule (.+)\.(jpg|jpeg|png)$ $1.webp [T=image/webp,E=webp:true]
Этот код не требует от вас знаний программирования. Вы просто копируете его и сохраняете файл. Сервер сам начнёт проверять, есть ли рядом с картинкой её WebP-версия, и отдавать её браузеру.
Три главные ошибки новичков
- Удаление оригиналов. Никогда не стирайте исходные JPEG. Они нужны для обратной совместимости со старыми браузерами и для повторной конвертации.
- Конвертация уже оптимизированных файлов. Если вы уже сжимали картинки через TinyPNG или аналоги, второй проход может ухудшить качество. Пропускайте такие файлы.
- Игнорирование кэша. После включения генерации очистите кэш сайта и браузера. Иначе посетители увидят старые версии.
Как проверить, что всё работает
После настройки откройте любую страницу сайта с изображением. Нажмите правой кнопкой мыши по картинке и выберите «Открыть изображение в новой вкладке». Посмотрите на адресную строку. Если расширение файла .webp или .avif, значит, автоматическая генерация работает.
Можете также воспользоваться сервисом PageSpeed Insights от Google. Он покажет, что изображения передаются в современных форматах и похвалит вас за оптимизацию.
Когда автоматическая генерация не нужна
Если у вас маленький блог с десятью картинками, проще сконвертировать их вручную через любой онлайн-конвертер. Лучшие онлайн-сервисы для обмена изображениями часто имеют встроенный инструмент сжатия. Но для сайта с сотнями фотографий автоматизация спасёт часы работы.
Что делать, если хостинг не поддерживает современные форматы
Некоторые старые панели управления не умеют создавать WebP или AVIF. В этом случае рассмотрите смену провайдера. Как выбрать хостинг для изображений: критерии для блогеров и дизайнеров поможет найти подходящий вариант. Или подключите CDN, который конвертирует картинки на лету. Обзор лучших CDN для хостинга изображений в 2026 году покажет, какие сервисы умеют это делать.
Один простой шаг к ускорению сайта
Автоматическая генерация WebP и AVIF без кода — это не магия, а стандартная возможность современных хостингов и CMS. Вы потратите десять минут на настройку, а сайт начнёт грузиться на секунду быстрее. Посетители это оценят, а поисковые системы поднимут вас в выдаче.
Попробуйте прямо сегодня. Зайдите в панель управления или установите плагин. Результат вы увидите сразу после первой загрузки нового изображения.
