Меню

Изменить размер картинок на лету в битрикс

Внимание! Все сообщения на форуме проходят модерацию. Ваше сообщение появится после проверки.
Поиск  Правила 
Ответить
RSS
Изменить размер картинок на лету в битрикс
 
#1
Это нравится: 0 Да / 0 Нет
20.08.2014 04:51:59
Изменить размер картинок на лету в битрикс

Встала задачка, на собственном сайте, уменьшить размер превьюшек картинок у анонсов раздела дизайн. Само собой перезаливать все картинки и лень и долго и глупо. Можно воспользоваться стандартной функцией битрикс CFile::ResizeImage и изменить размеры картинок на лету
 
   Цитировать   Имя
 
#2
Это нравится: 0 Да / 0 Нет
20.08.2014 04:51:59
Добрый день,
возник вопрос по методу ResizeImageGet
если его использовать для обрезки изображений (соответственно с параметром BX_RESIZE_IMAGE_EXACT)
например: $file = CFile::ResizeImageGet(
                       $arItem["DETAIL_PICTURE"]["ID"],
                       array('width' => $newWidth, 'height' => $newHeight),
                       BX_RESIZE_IMAGE_EXACT);
можно ли сделать обрезку со смещением, т.е. "отступить" верха изображения n пикселей и наложить обрезку?  
 
Цитировать   Имя
 
#3
Это нравится: 0 Да / 0 Нет
04.12.2014 10:18:02
Добрый день.
Подскажите как в этот код подставить картинку с поля 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"]. но не пойму что именно и как. Нужно чтобы у картинки сохранялись пропорции. Спасибо за ответ.
 
Цитировать   Имя
 
#4
Это нравится: 0 Да / 0 Нет
02.02.2015 18:46:03
У меня не выводится alt у картинки, что с этим делать?
 
Цитировать   Имя
 
#5
Это нравится: 0 Да / 0 Нет
25.03.2016 20:22:49
Здравствуйте Михаил! а есть у Вас решение сделать в bitrix увеличить фото по клику, как на официальном сайте bitrix  http://www.1c-bitrix.ru/products/cms/index.php
С уважением
 
Цитировать   Имя
 
#6
Это нравится: 0 Да / 0 Нет
26.03.2016 06:34:10
Цитата
Александр написал:
Здравствуйте Михаил! а есть у Вас решение сделать в bitrix увеличить фото по клику, как на официальном сайте bitrix   http://www.1c-bitrix.ru/products/cms/index.php
С уважением
Просто подключите любой плагин, типа fancybox, и сверстайте под ваш дизайн. Тут особо и делать нечего
 
Цитировать   Имя
 
#7
Это нравится: 0 Да / 0 Нет
04.08.2016 10:51:50
А подскажите как убрать ресайз картинок у товаров в корзине??
что только не пробовал..
в корзине путь к картинки идет - /upload/resize_cache/iblock/e72/110_110_1/e725ae01607c4b21b1­4ffec17cc92c26.jpg
в детальной карточке - /upload/iblock/e7b/e7bc22e91cd29476877ec0137f9adc0d.jpg - нет /resize_cache/

нужно сделать везде как в карточки.
 
Цитировать   Имя
 
#8
Это нравится: 0 Да / 0 Нет
22.04.2017 18:08:14
Михаил, подскажите, как поменять название папки в которую resizer картинки кладет, например /300_250_ или /400_300_. Проблема возникает с блокировщиками рекламы, в правилах фильтрации изображений у них присутствуют такого вида папки. Может какой-то другой выход есть?
 
Цитировать   Имя
 
#9
Это нравится: 0 Да / 0 Нет
30.11.2017 13:12:34
Здравствуйте, Михаил, создание превью изображений этой функцией. Но получаемые превью оказываются с артефактами - белый цвет иногда заменяется соседним 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, но может в битриксе есть настройки для этого?
 
Цитировать   Имя
 
#10
Это нравится: 0 Да / 0 Нет
30.03.2018 11:21:42
Добрый день
Если используется эта функция имеет смысл использовать сервис Optipic ?
 
Цитировать   Имя
 
#11
Это нравится: 0 Да / 0 Нет
30.03.2018 12:25:39
Цитата
Макс Терещенко написал:
Добрый день
Если используется эта функция имеет смысл использовать сервис  Optipic  ?
В принципе да, еще подсожмет.
Но я от сервиса отказался, он мне визуально много картинок подпортил.  
 
Цитировать   Имя
 
#12
Это нравится: 0 Да / 0 Нет
24.10.2018 14:34:47
Добрый день.
Столкнулся со следующей проблемой.

Есть задача вывести несколько изображений в детальной новости. Для этого дела используем fotorama.

Так как изображений несколько, чтобы страница быстрее грузилась, мы для изображений делаем миниатюры. Делаются миниатюры с помощью Битрикс'овой функции ResizeImageGet.

Всё почти-что здорово работает, но иногда на некоторых страницах при первой загрузке выводится вместо первой большой картинки на весь экран, маленькая. Отресайзенная (оу щит, сори за такой слэнг) до размеров которые мы задали ранее. Хотя по логике должна выводится большая и далее миниатюры.

Что я делаю не так?

Вот, код всего этого действа

Код
<div class="col-12 p-0 fotorama"
         data-nav="thumbs" data-thumbwidth="250" data-thumbheight="141" data-allowfullscreen="true">
      <? 
      // additional photos 
      if(count($arResult["MORE_PHOTO"])>0):?> 
      <?foreach($arResult["MORE_PHOTO"] as $PHOTO):?>
      <? $file = CFile::ResizeImageGet($PHOTO, array('width'=>'250', 'height'=>'141'), BX_RESIZE_IMAGE_EXACT, true); ?>
      <a href="<?=$PHOTO["SRC"]?>"> 
      <img border="0" src="<?=$file["src"]?>"   alt="<?=$arResult["NAME"]?>" title="<?=$arResult["NAME"]?>" /> 
      </a> 
      <?endforeach?> 
      <?endif?>
    </div>
 
Цитировать   Имя
 
#13
Это нравится: 0 Да / 0 Нет
24.10.2018 14:43:54
Цитата
Алексей Клёнин написал:
Добрый день.
Столкнулся со следующей проблемой.

Всё почти-что здорово работает, но иногда на некоторых страницах при первой загрузке выводится вместо первой большой картинки на весь экран, маленькая. Отресайзенная (оу щит, сори за такой слэнг) до размеров которые мы задали ранее. Хотя по логике должна выводится большая и далее миниатюры.
Это вам нужно поразбираться с самой фоторамой, быть может не успевает отработать на странице, при ее загрузке.
 
Цитировать   Имя
 
#14
Это нравится: 0 Да / 0 Нет
06.11.2019 19:52:58
Получается при уменьшении картинки на лету имея входное изображение 1.jpg при вызове ресайза создастся 2.jpg и покажет его. Тут все класс. А как насчет кеширования заресайзенных картинок связь 1.jpg и 2.jpg где-то сохраняется? Или же при обновлении страницы опять таки из базы приходит ссылка на 1.jpg уменьшение на лету делает из нее 3.jpg такую же как и 2.jpg и отображает уже новую превьюшку. И так получается после каждого обновления будут создаваться новые картинки, а старые, такие же, просто неконтролируемо заполнять место на сервере.
 
Цитировать   Имя
 
#15
Это нравится: 0 Да / 0 Нет
07.11.2019 09:18:38
Цитата
Александр Коваленко написал:
И так получается после каждого обновления будут создаваться новые картинки, а старые, такие же, просто неконтролируемо заполнять место на сервере.
Не должны. Если не меняется исходная картинка- то ее обработанная копия, лежит в /upload/resize_cache - и всегда отдается одна и та же.
Если обновится исходная, то создастся новая копия. Старые удалятся если сбросите кеш сайта.
 
Цитировать   Имя
 
Ответить
Читают тему
BBCode   Правила
Форма ответов
 
Текст сообщения*
Перетащите файлы
Ничего не найдено
Файл
Загрузить файлы
 

Блог-note: заметки разработчика

Вывести новости из конкретного раздела инфоблока Битрикс

Бывает что требуется вывести конкретные новости или статьи из одного раздела инфоблока в Битрикс, для этого потребуется ...

Свойство: привязка к Яндекс:Картам - вывести из нескольких элементов на одну карту

Предположим, что у вас есть инфоблок со свойством "Привязка к яндекс картам". В этом инфоблоке некоторое количество элем...

Вывести товары в каталоге перебрав их по свойству и разделив на секции.

Задача: В каталоге, у товаров, есть свойство типа список с названием "Тип изделия" и кодом "TIP_IZDELIYA&...

Получить множественное пользовательское поле раздела. Значения множественного UF_ поля через API

Задача: У разделов инфоблока есть множественное поле типа список. Зная ID раздела, нужно получить и вывести всю информац...

Информация о службе доставки по ее ID, в 1С-Битрикс

Задача: зная ID службы доставки получить необходимую информацию о ней, с помощью API 1С-Битрикс

Обновить страницу Inapbrowser в приложении Apache Cordova, при выходе из фона

Задача: Мобильное приложение, созданное на Apache Cordova должно перезагрузить текущую страницу, открытую с помощью плаг...

Вывести товары из того же раздела в карточке товара

Немножко топорный, но все же вполне действенный способ по выводу внутри подробной карточки товара, элементов того же раз...

Прятать или показывать описание раздела каталога

В новых компонентах и шаблонах catalog.section есть не документированный и не выводимый параметр: "Скрывать описание раз...

Бонус за выполненный заказ на внутренний счет пользователя

Задача: после того как заказ, в интернет-магазине, перешел в статус "Выполнен" начислить пользователю 5% от стоимости за...