Михаил Базаров Разработка на 1С-Битрикс Михаил Базаров

Изменить размер картинок по ID файла, в 1C-Битрикс

Просмотров: 61557 Задача: изменить размер картинок загруженных в элементы инфоблока, для оптимизации их размера и подгонки под содержимое. Для этого можно воспользоваться стандартной функцией битрикс CFile::ResizeImage и изменить размеры картинок на лету.

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

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

В качестве первого параметра передается массив описания файла или его ID (если массив еще не сформирован и у вас есть только ID). Не обязательно использовать именно в инфоблоках, в любом месте где можете получить ID картинки/файла через API - можно использовать CFile::ResizeImageGet Параметры масштабирования и обрезки можно установить c помощью:

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

Параметры метода CFile::ResizeImageGet:

array CFile::ResizeImageGet(
    mixed file,
    array arSize,
    const resizeType = BX_RESIZE_IMAGE_PROPORTIONAL,
    bool bInitSizes = false,
    array arFilters = false,
    bool bImmediate = false,
    bool jpgQuality = false
);
  • file Идентификатор файла из таблицы b_file или массив описания файла (Array(FILE_NAME, SUBDIR, WIDTH, HEIGHT, CONTENT_TYPE)), полученный методом GetFileArray.
  • Size Массив в виде Array("width"=>WIDTH, "height"=>HEIGHT) со значениями ширины и высоты для уменьшаемой картинки. Оба ключа обязательны.
  • resizeType Тип масштабирования:
  • InitSizes Флаг возвращения в результирующем массив размеров измененной картинки. True - возвращает, false - нет
  • Filters Массив массивов для постобработки картинки с помощью фильтров.
  • Immediate Флаг передается в обработчик события OnBeforeResizeImage, по смыслу означает масштабирование непосредственно при вызове метода. Обработчик в принципе может выполнять отложенное масштабирование.
  • jpgQuality Число, устанавливающее в процентах качество JPG при масштабировании. Чем больше значение, тем выше качество и больше размер файла изображения.

Наложение водяного знака на картинки

С помощью этого метода можно наложить водяной знак на измененные картинки. Заодно чуть ухудшим качество картинок уменьшив их вес. Пример:

$renderImage = CFile::ResizeImageGet(
    $arItem['DETAIL_PICTURE'],
    Array(
       'width' => 400,
       'height' => 400
    ),
    BX_RESIZE_IMAGE_EXACT,
    true,
    array(
		'name" => 'watermark',
		'position" => "bottomright", // Положение снизу справа
		'type" => 'image',
		'size" => 'real',
		'file" => $_SERVER['DOCUMENT_ROOT'] . '/upload/copy.png', // Путь водяному знаку
		'fill" => "exact",
	),
    false,
    false,
    90 // Потеря визуально не заметна на jpeg-ах но ощутимо уменьшает вес
);

Услуги Стоимость разработки на 1С-Битрикс

Стоимость разработки сайта зависит от объёма и сложности проекта. Ниже приведены ориентировочные цены, как правило не выходят за обозначенные рамки. Срок разработки зависит от сложности проекта: как правило называю сроки с запасом.
Финальная стоимость и сроки разработки обговариваются на этапе обсуждения. Скачайте опросник на разработку, заполните как можно подробнее и вышлите удобным способом. После ознакомления смогу задать уточняющие вопросы и оценить проект.
Индивидуальная разработка магазина
от 300 000 руб. от 5-ти недель

Разработка магазина на 1С-Битрикс с нуля. Дизайн, сборка и оптимизация производительности под конкретный проект и требования. Реализация любого функционала без ограничений готовых решений.

Подробнее
Сайт на готовом решении 1С-Битрикс
от 70 000 руб. от 5-ти дней

Вариант для тех, кто не хочет тратить много средств на индивидуальный проект, и не имеет серьезных требований к сайту. Магазин, быстро запускается на базе одного из 200-та готовых решений.

Подробнее
Мобильное приложение
от 300 000 руб. от 4-х недель

Разработка кроссплатформенного мобильного приложения, которое не уступает нативным решениям как в производительности, так и пользовательском опыте. Публикуется в AppStore, GooglePlay и RuStore

Подробнее
Сайт компании
от 150 000 руб. от 2-х недель

Корпоративный сайт с информационными разделами, каталогом товаров или услуг. Включает формы обратной связи карточек каталога, любое количество статичных и динамичных разделов.

Подробнее
Инфоресурс
от 170 000 руб. от 3-х недель

Информационный ресурс любой сложности. Сайт для СМИ, городской портал или многопользовательская доска объявлений. Внутренние форумы, блоги- по необходимости.

Подробнее
Поддержка и доработки проектов
от 3 000 руб. от 1 часа

Выполнение доработок любой сложности. Поддержка, модернизация и расширение функционала существующих проектов. Решение задач: от мелких правок вёрстки до разработки новых модулей.

Подробнее

Включено в стоимость разработки:

  • Лицензия на 1С-Битрикс необходимой редакции, дополнительные модули, для реализации функционала и видео-инструкции по работе с готовым проектом
  • Оптимизация программной части проекта и конфигурации сервера под максимальную скорость работы. Базовая СЕО оптимизация и добавление сайта в поисковые системы.

Блог-note Заметки по 1С-Битрикс