Изменить размер картинок на лету в битрикс, заметки по Битрикс на сайте camouf.ru

 18177| 9 Автор: Михаил Базаров (КамуфляЖ)

Встала задачка: на собственном сайте, уменьшить размер превьюшек картинок у анонсов раздела дизайн. Само собой, перезаливать все картинки и лень и долго и глупо. Можно воспользоваться стандартной функцией битрикс CFile::ResizeImage и изменить размеры картинок на лету

Для того, чтобы отресайзерить уже загруженные изображения в нужном месте шаблона компонента, вставляем:

<?
$renderImage = CFile::ResizeImageGet($arItem["PREVIEW_PICTURE"], Array("width" => НОВАЯ_ШИРИНА, "height" => НОВАЯ_ВЫСОТА), BX_RESIZE_IMAGE_EXACT, false);
echo '<img alt="'.$arItem["NAME"].'" src="'.$renderImage["src"].'" />';
?>

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

Вот и все. В итоге новые, отресайзенные картинки попадут в папку /upload/resize_images и сами применятся в шаблоне.

Автору на кофе и печеньки!

Через Яндекс деньги
С банковской карты
С мобильного

Предыдущая запись Следующая запись

Уважаемый читатель! В связи с участившимся спамом в комментариях, возможность писать доступна только для зарегистрированных пользователей

Зарегистрироваться Войти

Напомнить пароль

Быстрая регистрация через соц.сеть:

Ольга 20.08.2014
Добрый день, возник вопрос по методу ResizeImageGet если его использовать для обрезки изображений (соответственно с параметром BX_RESIZE_IMAGE_EXACT) например: $file = CFile::ResizeImageGet( $arItem["DETAIL_PICTURE"]["ID"], array('width' => $newWidth, 'height' => $newHeight), BX_RESIZE_IMAGE_EXACT); можно ли сделать обрезку со смещением, т.е. "отступить" верха изображения n пикселей и наложить обрезку?

Антон 04.12.2014

Добрый день.
Подскажите как в этот код подставить картинку с поля IMG_MINI "привязка к файлу на сервере"

Так не сохраняет пропорции

Код

$renderImage = CFile::ResizeImageGet($arItem["IMG_MINI"], Array("width" => '250px', "height" => '117px'), BX_RESIZE_IMAGE_EXACT, false); 
      echo '<a href="'.$arItem["DETAIL_PAGE_URL"].'"><img class="img" alt="'.$arItem["NAME"].'" src="'.$arItem["PROPERTIES"]["IMG_MINI"] ["VALUE"].'" /></a>';

Подозреваю что нужно менять что- то тут .$renderImage["src"]. но не пойму что именно и как. Нужно чтобы у картинки сохранялись пропорции. Спасибо за ответ.

Roman 02.02.2015
У меня не выводится alt у картинки, что с этим делать?

Александр 25.03.2016
Здравствуйте Михаил! а есть у Вас решение сделать в bitrix увеличить фото по клику, как на официальном сайте bitrix http://www.1c-bitrix.ru/products/cms/index.php С уважением

Михаил Базаров 26.03.2016

Цитата
Александр написал: Здравствуйте Михаил! а есть у Вас решение сделать в bitrix увеличить фото по клику, как на официальном сайте bitrix http://www.1c-bitrix.ru/products/cms/index.php С уважением

Просто подключите любой плагин, типа fancybox, и сверстайте под ваш дизайн. Тут особо и делать нечего

Артур 04.08.2016
А подскажите как убрать ресайз картинок у товаров в корзине?? что только не пробовал.. в корзине путь к картинки идет - /upload/resize_cache/iblock/e72/110_110_1/e725ae01607c4b21b14ffec17cc92c26.jpg в детальной карточке - /upload/iblock/e7b/e7bc22e91cd29476877ec0137f9adc0d.jpg - нет /resize_cache/ нужно сделать везде как в карточки.

Борис Лобода 22.04.2017
Михаил, подскажите, как поменять название папки в которую resizer картинки кладет, например /300_250_ или /400_300_. Проблема возникает с блокировщиками рекламы, в правилах фильтрации изображений у них присутствуют такого вида папки. Может какой-то другой выход есть?

almix 30.11.2017

Здравствуйте, Михаил, создание превью изображений этой функцией. Но получаемые превью оказываются с артефактами - белый цвет иногда заменяется соседним f4f4f4, из-за этого картинка становится неяркой.

Код

$arFile = CFile::GetFileArray($arItem['PREVIEW_PICTURE']['ID'];
    $imgWidth = $imgHeight = 260;
    $arrImage = CFile::ResizeImageGet(
        $arFile,
        array("width" => $imgWidth, "height" => $imgHeight),
        BX_RESIZE_IMAGE_EXACT,
        true, 
        array("name" => "sharpen", "precision" => 100),//array(),//$arFilter
        false,
        100
    );

Но любые изменения в её параметрах не влияют на итог, думаю дело в работе gd. Нашёл такой вариант решения - http://mithrandir.ru/professional/php/gd-resizing-artefacts-fix.html, но может в битриксе есть настройки для этого?

Макс Терещенко 30.03.2018
Добрый день Если используется эта функция имеет смысл использовать сервис Optipic ?

Михаил Базаров 30.03.2018

Цитата
Макс Терещенко написал: Добрый день Если используется эта функция имеет смысл использовать сервис Optipic ?

В принципе да, еще подсожмет.
Но я от сервиса отказался, он мне визуально много картинок подпортил.