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

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

Встала задачка: на собственном сайте, уменьшить размер превьюшек картинок у анонсов раздела дизайн. Само собой, перезаливать все картинки и лень и долго и глупо. Можно воспользоваться стандартной функцией битрикс 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 и сами применятся в шаблоне.

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

Еще в записках: SEO новинки в 14-ой версии Битрикс WEB сервер | ISP-config 3.0 на базе ubuntu server 12 - в WMvare Вывести новости из конкретного раздела инфоблока Битрикс Если пользователь авторизован то... API Битрикс

Все заметки

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

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

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

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

Ольга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"]. но не пойму что именно и как. Нужно чтобы у картинки сохранялись пропорции. Спасибо за ответ.

Roman02.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_. Проблема возникает с блокировщиками рекламы, в правилах фильтрации изображений у них присутствуют такого вида папки. Может какой-то другой выход есть?