Ресайз дополнительных изображений MORE_PHOTO

На форумах много раз встречал вопрос, как не подготавливая изображения, заливать их на сайт в качестве дополнительных изображений и «налету» изменять их размер, ведь не многие менеджеры могут похвастать работой в Adobe Photoshop, отсюда вывод, почему бы не использовать API Bitrix раз уже все и так есть, теперь проблема с местом на дисковом пространстве у хостера решена, да и пользователям сайта не надо будет ждать когда изображения с размерами 4000px в ширину и весом в 15Мб загрузится в их в браузере.

  1. Решение для загрузки и автоматического ресайза дополнительных изображений галереи MORE_PHOTO в Bitrix

Пишем обработку и вставляем ее по пути в «/bitrix/php_interface/init.php»

Ну таки и все, теперь при загрузке дополнительных изображений в свойство MORE_PHOTO изображения будут уменьшаться в заданные размеры, а именно 1024*768, также есть возможность добавить watermark, т.е. они не только будут уменьшаться пропорционально в заданный размер, но и на них будет наноситься copyright с вашим логотипом или текстом в любую часть картинки, также хотелось бы отметить уточните в настройках инфоблока наименование вашего свойства для добавления дополнительных изображений на сайт, иногда бывает что оно не соответствует MORE_PHOTO, а называется по-другому

Читать  Настройка режима "Композитный сайт" на битрикс

К примеру так:

MORE_PHOTO
MORE_PHOTO

Используем:

arWaterMark массив с параметрами водяного знака, ключи:

  • text — текст водяного знака
  • font — путь к TTF-шрифту (TTF/UTF-8)
  • type — text или image
  • min_size_picture — минимальная ширина картинки
  • color — цвет «RRGGBB»
  • alpha_level — прозрачность от 0 до 100, где 0 = прозрачно, 100 = непрозрачно. (Применяется только для авторского знака в виде картинки.)
  • size — размер. big; medium; small; real, для произвольного изменения масштаба возможно указание коэффициента через параметр ‘coefficient’, параметр ‘real’ применим только для изображений (‘type’=>’image’)
  • position — указание расположения водяного знака на изображении возможно в двух нотациях:
    • «{m|b}{c|r}», где m — центр по вертикали, b — низ, c — центр по горизонтали, r — правый край.
    • topleft; topcenter; topright; centerleft; center; centerright; bottomleft; bottomcenter; bottomright.

Ну еще плюшка, если к примеру уже загружены большие изображения и надо отдавать пользователям уменьшенные копии, то достаточно прибегнуть к использованию также класса ResizeImageFile, а именно

Здесь также все просто и доступно.

 

Ресайз дополнительных изображений MORE_PHOTO: 3 комментария

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *