Новый модуль для Битрикс: сжатие изображений в WebP "на лету"

Компания Claramente представляет новый бесплатный модуль claramente.webp для CMS 1С-Битрикс. Этот инструмент расширяет стандартный класс CFile, добавляя метод ResizeToWebpImageGet, который автоматически конвертирует и сжимает изображения в формат WebP при изменении размера. Результат сохраняется в папке /upload/resize_cache, полностью интегрируясь с существующей логикой Bitrix.

Модуль разработан для упрощения работы с графикой: он не только масштабирует изображения, но и преобразует их в WebP независимо от исходного формата (JPEG, PNG и т.д.). Опционально можно закрасить прозрачные области указанным цветом с помощью класса \Bitrix\Main\File\Image\Color. Лицензия MIT позволяет свободно использовать и модифицировать код.

Задачи, которые решает модуль для команды разработчиков

В Claramente мы фокусируемся на практичных решениях, которые ускоряют процессы без лишних затрат. Модуль claramente.webp решает несколько ключевых задач:

• Эффективная разработка: Интерфейс модуля минималистичен — акцент на backend-логике. Это обеспечивает быструю и недорогую интеграцию, а также простую поддержку. Нет нужды в сложных админ-панелях; достаточно активировать модуль и использовать API.
• Максимальное переиспользование функционала Bitrix: Метод полностью повторяет сигнатуру стандартного \CFile::ResizeImageGet, добавляя только конвертацию в WebP. Это позволяет интегрировать его в существующий код без переписывания логики.
• Возможность индивидуальных изменений: Открытый код на GitHub дает свободу кастомизации под конкретный проект — от добавления фильтров до адаптации под нестандартные сценарии.
• Оптимизация изображений: WebP поддерживает сжатие с потерями и без потерь. Размер результата зависит от исходного файла, настроек качества и размеров изображения; универсального уменьшения в десятки раз нет.
• Избавление маркетинга и контент-менеджеров от рутины: нет необходимости вручную конвертировать изображения в WebP перед загрузкой. Модуль обрабатывает все "на лету", позволяя фокусироваться на контенте, а не на технических деталях.

Установка проста: через Composer (composer require claramente/claramente.webp), активация в админке Bitrix и подключение в коде (Bitrix\Main\Loader::includeModule('claramente.webp');). Для автоматизации можно использовать обертку resizeImageGetExt, которая выбирает метод в зависимости от наличия модуля.

Этот модуль — часть нашей экспертизы в разработке сайтов и поддержке сайтов, где мы всегда стремимся к оптимизации и простоте.

Модуль полностью бесплатен для любого, в том числе коммерческого, использования в рамках лицензии MIT

Скорость сайта в SEO: как модуль помогает для Google и Яндекс

Во второй части статьи разберем, почему скорость загрузки — один из топ-факторов ранжирования в поисковых системах, и как claramente.webp решает эту задачу.

Размер изображений влияет на время загрузки страницы. При оценке пользовательского опыта Google использует в том числе Core Web Vitals: LCP, INP и CLS. Хорошие значения этих метрик полезны пользователям, но сами по себе не гарантируют высоких позиций в поиске.

Крупные изображения могут замедлять загрузку, особенно на мобильном соединении. Изменение конверсии после оптимизации следует измерять на конкретном сайте: оно зависит от аудитории, страницы и других изменений.

Модуль конвертирует изображение в WebP при изменении размера. В сравнении Google файлы WebP без потерь в среднем на 26% меньше PNG, а WebP с потерями — на 25–34% меньше сопоставимых JPEG при эквивалентном качестве. Это ориентиры для формата, а не гарантия результата модуля. Влияние на LCP проверяют до и после внедрения в одинаковых условиях.

При внедрении модуля мы рекомендуем сравнить размер файлов и показатели загрузки, проверить визуальное качество и работу кеша. Влияние на органический трафик оценивают отдельно от технического ускорения.

Если вы разрабатываете или поддерживаете сайт на Bitrix, скачайте модуль на GitHub и убедитесь в его эффективности. Мы будем признательны за обратную связь в рамках комьюнити GitHub

Подробнее: описание формата WebP.

Подробнее: INP вместо FID в Core Web Vitals.