Новый модуль для Битрикс: сжатие изображений в 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 обеспечивает сжатие в 10-30 раз лучше, чем традиционные форматы, без потери качества. Это напрямую влияет на скорость загрузки страниц, что критично для SEO.
• Избавление маркетинга и контент-менеджеров от рутины: нет необходимости вручную конвертировать изображения в WebP перед загрузкой. Модуль обрабатывает всё "на лету", позволяя фокусироваться на контенте, а не на технических деталях.

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

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

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

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

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

Google и Яндекс давно сделали скорость ключевым сигналом качества сайта. По данным Google, страницы, загружающиеся дольше 3 секунд, теряют до 53% мобильных пользователей (bounce rate растет). В Core Web Vitals (LCP, FID, CLS) скорость напрямую влияет на позиции: сайты с оптимизированными изображениями ранжируются выше, особенно в мобильном поиске, где трафик превышает 50%.

Медленные изображения — основной "весовой" фактор: PNG или JPEG без сжатия могут добавить секунды к загрузке, снижая конверсии на 7% за каждую лишнюю секунду.

Модуль claramente.webp решает это "на лету": при ресайзе изображение конвертируется в WebP, который на 25-34% легче аналогов (по тестам Google). Это ускоряет LCP (Largest Contentful Paint) на 20-30%, улучшая пользовательский опыт и SEO-метрики. Например, для e-commerce сайтов с тысячами фото товаров модуль снижает общий размер страницы, повышая позиции по ключам и органический трафик.

В комбинации с нашей услугой поисковой оптимизации модуль становится мощным инструментом: мы интегрируем его в проекты, проводим аудит скорости и видим рост трафика на 15-25% после внедрения.

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