Как включить WebP для картинок в WordPress без потери качества

webp izobrazheniya wordpress cover Без рубрики
Проверка хостинга, Converter for Media, качество 82%, массовая конвертация JPEG и проверка webp в Chrome DevTools. Без functions.php и двух плагинов сразу.

Тяжёлые JPEG в каталоге и портфолио раздувают страницу: PageSpeed ругается на «современные форматы», а вы боитесь, что сжатие сделает фото мыльными или плагин сломает слайдер. WebP – это тот же кадр в более лёгкой упаковке: за 15–20 минут вы проверите хостинг, поставите один бесплатный плагин и увидите в Chrome, что сайт отдаёт webp, а лица на фото останутся чёткими.

WebP уменьшает вес картинок при том же виде на экране – часто на четверть легче JPEG. WordPress принимает WebP с версии 5.8, но старые фото в медиатеке сами не перекодируются: нужен плагин вроде Converter for Media. Качество 82% – разумный старт без заметной потери. Если WebP получился тяжелее оригинала, система его не сохранит – это норма, не поломка.

Марина ведёт салон красоты: залила 40 работ по 2–3 МБ каждая, главная стала грузиться восемь секунд. Подруга посоветовала «какой-то WebP-плагин» – после активации половина картинок в слайдере пропала. Марина всё отключила и решила, что это для программистов. На деле ей не хватило двух вещей: проверки, что хостинг умеет WebP, и одного понятного плагина с массовой конвертацией. Ниже – тот же путь, но без сюрпризов.

Честно: я не начинаю с кода в functions.php. Владельцу магазина или услуг нужен результат – легче страница, те же фото. Сначала хостинг, потом один инструмент, потом проверка глазами.

Проверьте хостинг до установки плагина

Чеклист на прилавке: проверка хостинга на WebP

Боль: «поставлю плагин – сайт упадёт». Часто проблема не в плагине, а в том, что сервер не умеет создавать WebP.

Откройте админку WordPress → ИнструментыСостояние сайта → вкладка Информация → блок Обработка медиафайлов. Если в списке есть строка WebP – хостинг готов. С версии WordPress 6.5 ядро также принимает AVIF, но для первого шага достаточно WebP.

Дополнительный тест: загрузите один небольшой файл .webp в Медиафайлы. Если превью появилось – используйте этот сигнал и идите дальше. Нет строки WebP – напишите в поддержку хостинга: нужны GD или Imagick с поддержкой WebP. Без этого любой плагин будет биться в стену.

Выберите один плагин – не два оптимизатора сразу

Карточки плагинов: один оптимизатор WebP

Боль: «картинки пропали после активации». Типичная ошибка – не делайте так: два плагина сжатия работают одновременно (ShortPixel и Imagify, или WebP Express вместе с Converter for Media).

Для новичка я рекомендую Converter for Media (в каталоге WordPress – бесплатный WebP, массовая оптимизация, сотни тысяч установок). Альтернатива от команды WordPress – Modern Image Formats (webp-uploads): настройки в Настройки → Медиафайлы, но старые фото придётся регенерировать отдельно.

Критерий Converter for Media Modern Image Formats WebP Express
Простота для новичка Высокая: одна кнопка массовой конвертации Средняя: нужна регенерация миниатюр Ниже: правки .htaccess или nginx
Старые JPEG в медиатеке Массовая оптимизация из плагина Через Regenerate Thumbnails Конвертация по запросу
AVIF В платной версии Да, если хостинг тянет Зависит от настроек

Перед установкой отключите другой активный оптимизатор. Один инструмент – меньше белых квадратов и 404 на картинки.

Настройте качество 82% – без «мыла» на портретах

Качество 82%: WebP без мыла на портретах

Боль: «включу сжатие – лица поплывут». WebP – формат с потерями, как JPEG, но при том же визуальном уровне файл часто на 25–35% легче. WordPress по умолчанию ориентируется на качество около 82% – хорошая стартовая точка для каталога услуг.

В Converter for Media: Настройки → Converter for Media → формат WebP, качество 82. Для портретов и деталей на фото можно поднять до 85. Значение 100 почти не сжимает – смысл WebP теряется.

На практике сначала конвертируйте 3–5 тестовых фото и сравните на телефоне и мониторе. Типичная ошибка – сразу гнать всю медиатеку на агрессивное качество 60. Ещё один сюрприз из ядра WordPress: если сгенерированный WebP тяжелее исходного JPEG, система его выбросит – это защита, а не баг. Вы не получите «оптимизацию», которая только раздувает вес.

Запустите массовую конвертацию по шагам

Боль: «сотни старых фото уже залиты – перезаливать вручную?» Нет. Плагин сделает WebP-копии, оригиналы JPEG обычно остаются на месте.

  1. Сделайте резервную копию сайта – плагин Duplicator или бэкап от хостинга. Оригиналы JPEG плагин сохраняет, но спокойнее иметь копию.
  2. Установите Converter for Media: Плагины → Добавить → поиск «Converter for Media» → установить и активировать.
  3. В настройках плагина выберите WebP и качество 82. Убедитесь, что не сохранять WebP тяжелее оригинала (логика по умолчанию у современных плагинов).
  4. Загрузите одно новое JPEG и откройте страницу с ним. В Chrome нажмите F12 → вкладка Сеть → фильтр Img → в колонке Тип должно быть webp.
  5. Если тест ок – в плагине нажмите Массовая оптимизация. На 200–500 фото уйдёт от нескольких минут до часа; вкладку браузера не закрывайте.
  6. После окончания пройдитесь по слайдеру, каталогу и карточкам услуг – всё на месте?

WordPress 7.1 (2026) добавил конвертацию в браузере для Chrome и Edge – удобно для новых загрузок, но уже залитую медиатеку это не заменит. Массовый путь – всё равно плагин.

*Instagram,Facebook (принадлежит компании Meta, признанной экстремистской и запрещённой на территории РФ)

Убедитесь в Chrome, что PageSpeed видит результат

Боль: «конвертировала – отчёт скорости всё ещё красный». WebP закрывает блок «современные форматы», но главное фото (LCP) тоже должно быть лёгким – не только мелкие иконки.

Проверка для себя:

Схема проверки:
Chrome → F12 → Сеть → снять галочку «кэш» → обновить страницу → фильтр Img → колонка «Тип» = webp → сравнить вес до и после в той же строке

Затем прогоните главную и одну внутреннюю через PageSpeed Insights. Блок про современные форматы должен стать зеленее. Визуально сравните слайдер до и после – лица и текст на вывесках не «поплыли»?

Если картинки пропали: отключите второй плагин оптимизации, очистите кэш (если стоит кэширующий плагин), проверьте, не трогали ли вручную папку uploads. На nginx без правил сервера WebP Express иногда не отдаёт файлы – для таких хостингов Converter for Media обычно проще. Если не разобрались сами – напишите через форму на сайте или в Telegram, разберём по скриншотам.

Как понять, что всё сработало

Вы на финише, когда выполнен чеклист из трёх проверок:

  • В Chrome на главной и карточке услуги/товара в колонке «Тип» (Сеть → Img) видно webp.
  • Вес страницы с картинками заметно ниже, чем до конвертации.
  • На экране лица, текст на фото и детали работ выглядят так же, как до оптимизации.

WebP – безопасный первый шаг. AVIF даёт ещё меньший файл, но сложнее с совместимостью; имеет смысл позже, когда хостинг и тесты это подтвердят. Не удаляйте оригиналы JPEG из папки uploads вручную – плагин и так хранит запасной вариант.

Нужен сайт, где скорость и картинки настроены сразу «под ключ», а не методом проб и ошибок – посмотрите услуги по созданию и доработке WordPress. Больше практических гайдов – в разделе статей блога.

Материал проверен: Андрей Дикий — создаёт сайты и продвигает их статьями (SEO/GEO).
Источники: документация WordPress (image_editor_output_format, WordPress 6.5 AVIF/WebP), каталоги плагинов Converter for Media и Modern Image Formats, обсуждения WordPress Performance на GitHub (#2518, фильтр webp_uploads_should_discard_additional_image_file); LSI-запросы собраны через WebSearch (Яндекс Вордстат недоступен на дату прогона 2026-09-03).

Частые вопросы

Как включить WebP в WordPress без программиста?

Установите Converter for Media, выставьте качество 82, сначала проверьте 3–5 фото, затем запустите массовую оптимизацию. Перед этим убедитесь в Состоянии сайта, что хостинг поддерживает WebP.

Поддерживает ли WordPress WebP сам по себе?

Загрузку WebP – да, с версии 5.8. Автоматически перекодировать все старые JPEG на фронте без плагина – нет. Для медиатеки из сотен файлов нужен плагин с массовой конвертацией.

Какой плагин лучше для WebP на WordPress?

Для новичка – Converter for Media: бесплатный WebP и понятная массовая оптимизация. Modern Image Formats – официальная альтернатива, если готовы отдельно регенерировать миниатюры. WebP Express – когда есть доступ к настройкам сервера.

WebP или AVIF – что выбрать в 2026?

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

Теряется ли качество при конвертации в WebP?

При качестве 80–85% на экране разница с JPEG обычно незаметна, а файл легче. Сравните 3–5 фото до массового запуска. Если WebP тяжелее оригинала – плагин или ядро его не сохранит.

Нужен ли код в functions.php?

Для владельца малого бизнеса – нет, хватает плагина. Фильтры image_editor_output_format в документации WordPress – для разработчика, если уже есть техподдержка сайта.

Почему PageSpeed всё ещё ругается после WebP?

Проверьте главное фото страницы (LCP): оно тоже должно быть в WebP и не быть гигантским по пикселям. Повторите тест после очистки кэша и убедитесь, что активен только один плагин оптимизации.

*Instagram,Facebook (принадлежит компании Meta, признанной экстремистской и запрещённой на территории РФ)
Новый маркетинг с искусственным интеллектом
Добавить комментарий