Webp - Конвертер изображений в современный формат «на лету»

Модуль «Конвертер изображений в современный формат .webp «на лету» позволяет производить автоматическое конвертирование изображений форматов .jpg и .png в .webp в момент загрузки страницы.Преимущества модуля:Не требует сложной настройки и работает сразу после активацииКонвертирует изображения «на лету»Поддерживает lazyload-изображения (есть возможность задать список собственных атрибутов со ссылками на изображения)Конвертирует, в том числе, изображения в backgound/background-image, прописанные в html-коде страницыРаботает в режиме композитаПоддерживает внешние CDN (например, Selectel)Возвращает оригинальные изображения для браузеров без поддержки .webpЕсть возможность отключить модуль на определенных доменах, разделах или страницахПоддерживает srcsetWebp - это современный формат изображений, созданный специально для web-ресурсов. Основное преимущество этого формата - меньший вес файла.Пример:Формат: .jpg, размер: 117 КбФормат: .webp, размер: 48 КбГугл официально заявляет, что использование изображений современных форматов (.webp и других) ускоряет загрузку сайта и оказывает положительное влияние на ранжирование сайта в поисковой выдаче. При сканировании сайта инструментом Google Page Speed Insight гугл активно предлагает улучшение “Используйте современные форматы изображений”:Степень необходимости внедрения современных форматов изображений на своём сайте вы можете узнать, используя инструмент Google Page Speed Insight.-------------------------------------------------------------------Ещё полезные модули для ускорения сайта:Для решения проблемы «Отложите загрузку скрытых изображений» я написал модуль LazyLoad PRO - Отложенная загрузка изображений, видео и iframe в 1 клик, он полностью совместим с модулем Webp - Конвертер изображений в современный формат «на лету».Если вам требуется решить проблему «Устраните ресурсы, блокирующие отображение», вам может быть интересен другой мой модуль: Предзагрузчик ресурсовДля решения проблем с уменьшением размера кода HTML, JS, CSS вы можете использовать модуль Минификация HTML/JS/CSS

Webp - Конвертер изображений в современный формат «на лету»

от Дмитрий Кротов

Купить: 5 000 руб.

Попробовать (14 дней)

if(\Bitrix\Main\Loader::includeModule("delight.webpconverter")){
    $originalFilePath = "/upload/path_to_file/file_name.jpg";
    $destinationFilePath = DelightWebpConverter::ConvertImage($originalFilePath, $originalFilePath.".webp");
}

if(\Bitrix\Main\Loader::includeModule("delight.webpconverter")){
    $originalFilePath = "https://cdn.domain.ru/upload/path_to_file/file_name.jpg";
    $prepareFilePath = DelightWebpConverter::CONVERTED_IMAGES_FOLDER . str_replace(array("http://", "https://", "//"), "/", $originalFilePath . '.webp');
    $destinationFilePath = DelightWebpConverter::ConvertImage($originalFilePath, $prepareFilePath);
}

if(\Bitrix\Main\Loader::includeModule('delight.webpconverter')){
    \DelightWebpConverter::DelightWebpOnEndBufferContentHandler($content);
}

<picture>
   <? 
   $originalFilePath = "/upload/path_to_file/file_name.jpg";
   if(\Bitrix\Main\Loader::includeModule("delight.webpconverter")){
      $destinationFilePath = DelightWebpConverter::ConvertImage($originalFilePath, $originalFilePath.".webp");
      if($destinationFilePath){
         // Webp-изображение должно быть определено раньше .jpg/.png
         ?><source type="image/webp" srcset="<?=str_replace(" ","%20",$destinationFilePath)?>"><?
      }
   } ?>
   <source type="<?=mime_content_type($originalFilePath)?>" srcset="<?=str_replace(" ","%20",$originalFilePath)?>">
   <img src="<?=$originalFilePath?>" alt="">
</picture>

Другие решения разработчика

Расширенные накопительные скидки в правилах работы с корзиной 7 000 руб.

PHP-условие в правилах работы с корзиной для реализации собственных условий скидок и наценок 3 000 руб.

LazyLoad PRO - Отложенная загрузка изображений, видео и iframe в 1 клик 3 500 руб.

LazyLoad LITE - Отложенная загрузка изображений Бесплатно

Предзагрузчик ресурсов 2 000 руб.

Минификация HTML/JS/CSS 3 000 руб.

еще 2 решения