Обрезка картинок в битрикс

Для улучшения скорости загрузки от Google PageSpeed Insights очень важно правильно обработать изображения для быстрой загрузки страницы. Для этого нам поможет функция CFile::ResizeImageGet

$renderImage = CFile::ResizeImageGet($arItem['PICTURE'], Array("width" => 150, "height" => 150), BX_RESIZE_IMAGE_PROPORTIONAL_ALT, false);

В переменной $arItem[‘PICTURE’] – должен быть ID изображения в библиотеке медиафайлов.

Параметры масштабирования и обрезки можно установить такими переменными

• – BX_RESIZE_IMAGE_EXACT – масштабирует в прямоугольник $arSize c сохранением пропорций, обрезая лишнее;
• – BX_RESIZE_IMAGE_PROPORTIONAL – масштабирует с сохранением пропорций, размер ограничивается $arSize;
• – BX_RESIZE_IMAGE_PROPORTIONAL_ALT – масштабирует с сохранением пропорций за ширину при этом принимается максимальное значение из высоты/ширины, размер ограничивается $arSize, улучшенная обработка вертикальных картинок.

Затем для отображении сжатой картинки, надо вставить путь обрезанной картинки в тег img

<img src="<?=$renderImage['src']?>">