Разработчикам

Модуль для расширенной обработки и защиты изображений.

RSS

Пользователь 14203

Эксперт

Сообщений: 280 Баллов: 55 Регистрация: 27.07.2007

18.12.2009 00:33:37

Imager 3.3.0

Модуль (+ компоненты) для расширенной обработки и защиты изображений.

Возможности:
- автообработка
- ресайз изображений
- наложение фильтра (7 видов)
- наложение водяного знака
- выбор места расположения водяного знака
- наложение рамки и уголков
- наложение текста
- выбор места расположения текста
- поворот текста
- цвет текста
- шрифт текста
- размер текста
- выбор режима работы (7 режимов)
- выбор места хранения изображений
- режим работы без ресайза
- обработка jpg, gif и png форматов
- изменение качества jpg изображений
- режим отладки
- кеширование

Возможно построение галерей с эффектами fancybox, highslide и lightbox

Автообработка - это режим работы модуля при котором все изображения на сайте могут обрабатываються в автоматическом режиме. Автообработка изображений активируется в административной части. То есть теперь просто ставим галочку активности, там же настраиваем параметры и на сайте все изображения будут обработаны автоматически. При автообработке поддерживается только режим "Без изменения размеров", то есть нельзя ресайзить изображения, все остальные возможности - наложение текста, водяного знака, уголков, рамок - поддерживаются.

Назначение:
Компонент Imager можно использовать как отдельно, так и встраивать в другие компоненты. Он ставится на страницу, указывается путь до изображения и параметры для обработки. При обработке будет создана копия и оригинал останется нетронутым, что позволяет изменять настройки в любое время и сколько угодно раз.

Фотогалерея:
Компоненты "Список фотогалерей" и "Фотогалерея детально" можно использовать для построения галерей с эффектами fancybox, higtslide и lightbox. Для каждой фотографии (анонсной, детальной или свойство) в компонентах присутствует свой блок настроек.

В компоненте предусмотрено 7 режимов работы:
- Пропорциональный ресайз
- Фиксированный ресайз (Непропорциональный)
- Фиксированный ресайз (Пропорциональный)
- Фиксированный ресайз (Обрезка)
- Без изменения размеров
- Пропорциональный ресайз (По высоте)
- Пропорциональный ресайз (По ширине)

Фильтры:
Есть возможность наложить 1 из 7 фильтров, например для того чтобы вывести фото в серых тонах, подсветить или затемнить.

Фото:
Настройки компонента галереи
Настройки компонента imager
Страница с компонентом imager
Настройки модуля
Настройки модуля автообработки

Дополнительная информация:
Примеры работы галереи (с эффектами - fancybox, highslide и lightbox)
Примеры работы обработчика
Демонстрация настроек с возможностью изменения
Документация (У кого не открывается: Файл > Свойства > кнопка Разблокировать. Подробнее)

Стоимость $20.

Разработка компонентов и модулей на заказ

Пользователь 1367

Эксперт

Сообщений: 277 Баллов: 54 Регистрация: 10.03.2005

Специалист по тиражным решениям

18.12.2009 12:31:04

Кирилл, несколько вопросов:
1. В состав этого модуля входит какое-нибудь стороннее ПО? (А если входят, лицензия позволяет его коммерческое использование?)
2. Есть ли мастер установки модуля?
3. Модуль как-то взаимодействует с модулями Битрикса (фотогалерея, медиатека)?

Пользователь 14203

Эксперт

Сообщений: 280 Баллов: 55 Регистрация: 27.07.2007

18.12.2009 13:43:09

1. Сторонние классы не используются. Нужна только стандартная GD библиотека.
2. Мастер установки модуля есть.
3. На данный момент с другими модулями не взаимодействует, есть ряд технических сложностей для этой реализации.

Пользователь 8971 Постоянный посетитель Сообщений: 148 Баллов: 14 Регистрация: 01.02.2007	#4 06.01.2010 22:58:23 Возможно ли взаимодействие с инфоблоками или как привязать элемент ИБ к загруженным фото? И как работает данный модуль? Необходимы примеры. Написал в ICQ.

Пользователь 14203

Эксперт

Сообщений: 280 Баллов: 55 Регистрация: 27.07.2007

08.01.2010 11:22:18

Основное назначение

Цитата
Можно поставить компонент на страницу, указать путь до изображения которое нужно обработать и применить параметры из списка выше.

Но в компоненте также предусмотрено использование его в других компонентах, типа news, photo, catalog...
И взаимодействие с инфоблоками возможно только на этом уровне. Оригинальные фото не изменяются, компонент создаёт копию, применяя параметры и сохраняя в указанном месте.

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

Использование компонента.
Результатом работы будет обработанное фото:
- пропорционально сжатое до 150X150 пикселей из оригинала "test.jpg"
- с наложенным фильтром "grayscale" - черно-белый фильтр
- сохраненное в папке "/upload/imager/"
- качество 90%
- с водяным знаком из файла - "watermark.png"
- водяной знак будет выровнен по центру по горизонтали и по вертикали
- с уголками и рамкой из файла - "/images/corner.png"
- с надписью "WWW.SITE.RU" шрифтом "arial.ttf" 12 пикселей черного цвета

Код

<?$APPLICATION->IncludeComponent(
   "soulstream:imager",
   "",
   Array(
      "MODE" => "1",
      "RETURN" => "template",
      "FILTERTYPE" => "grayscale",
      "IMAGE" => "/imager/test.jpg",
      "SAVE_DIR" => "/upload/imager/",
      "WIDTH" => "150",
      "HEIGHT" => "150",
      "BG" => "",
      "QUALITY" => "90",
      "ADD_WATERMARK" => "Y",
      "WATERMARK_PATH" => "/images/watermark.png",
      "WATERMARK_POSITION" => "mc",
      "ADD_CORNER" => "Y",
      "CORNER_PATH" => "/images/corner.png",
      "ADD_TEXT" => "Y",
      "TEXT" => "WWW.SITE.RU",
      "TEXT_SIZE" => "12",
      "TEXT_COLOR" => "#000000",
      "TEXT_TOP" => "50",
      "TEXT_LEFT" => "20",
      "TEXT_ANGLE" => "25",
      "FONT_PATH" => "/fonts/arial.ttf",
      "CACHE_IMAGE" => "Y",
      "DEBUG" => "N"
   ),
false
);?>

Для разработчиков. Дополнительные возможности.
Интеграция с другими компонентами. Пример файла "result_modifier.php" для news.list.
Особый параметр "Результат работы компонента" (RETURN) имеет 3 режима, в режиме "array" - компонент ничего не выводит а возвращает массив данных (путь до обработанного фото, высоту и ширину), а при режиме "src" - только путь:

Код

<?
if (!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true) die();
foreach($arResult["ITEMS"] as $key=>$arItem)
{
   if(is_array($arItem['PREVIEW_PICTURE']))
   {
      $arItem['PREVIEW_PICTURE'] = $APPLICATION->IncludeComponent("soulstream:imager","",
         Array(
            "MODE" => "4",
            "RETURN" => "array",
            "IMAGE" => $arItem['PREVIEW_PICTURE']["SRC"],
            'WIDTH' => '200',
            'HEIGHT' => '200',
         )
      );
      $arResult["ITEMS"][$key] = $arItem;   
   }   
}
?>

Пользователь 31071 Постоянный посетитель Сообщений: 131 Баллов: 16 Регистрация: 12.10.2008	#6 17.01.2010 11:33:29 обновите ссылку на фото. сейчас 404.

Пользователь 14203

Эксперт

Сообщений: 280 Баллов: 55 Регистрация: 27.07.2007

18.01.2010 13:50:35

Цитата
Игорь Гладких пишет: обновите ссылку на фото. сейчас 404.

Обновил

Пользователь 12159 Эксперт Сообщений: 1006 Баллов: 124 Регистрация: 24.05.2007	#8 07.02.2010 18:35:33 Хотелось бы увидеть примеры реальной работы. Десантура.ру - о десанте без границ

Пользователь 14203

Эксперт

Сообщений: 280 Баллов: 55 Регистрация: 27.07.2007

08.02.2010 20:11:38

Добавил ещё 2 режима ресайза (6 и 7):
6 - Пропорциональный (По высоте) - все изображения получаются одинаковой высоты
7 - Пропорциональный (По Ширине) - все изображения получаются одинаковой ширины

Цитата
Хотелось бы увидеть примеры реальной работы.

Напишите мне в icq, дам ссылки.

Пользователь 14203

Эксперт

Сообщений: 280 Баллов: 55 Регистрация: 27.07.2007

#10

18.02.2010 09:48:27

Добавлена документация в виде chm файла с описанием всех возможностей, параметров, установки, работы с настройками и интеграции с компонентами типа "news". Показаны примеры создания изображений для уголков и рамок.

У кого стоит блокировка: Файл>>Свойства>>кнопка Разблокировать

Пользователь 14203 Эксперт Сообщений: 280 Баллов: 55 Регистрация: 27.07.2007	#11 26.02.2010 01:10:03 Вышла новая версия. Описание новых возможностей в первом посту и в обновленной документации.

Пользователь 31071 Постоянный посетитель Сообщений: 131 Баллов: 16 Регистрация: 12.10.2008	#12 26.02.2010 09:21:47 а как обстоят дела с обнолениями для тех, кто уже приобрел?

Пользователь 14203

Эксперт

Сообщений: 280 Баллов: 55 Регистрация: 27.07.2007

#13

26.02.2010 15:59:48

Цитата
Игорь Гладких пишет: а как обстоят дела с обнолениями для тех, кто уже приобрел?

Предоставляется новая версия. В начале следующей недели сообщу Вам как обновится.

Пользователь 14203

Эксперт

Сообщений: 280 Баллов: 55 Регистрация: 27.07.2007

#14

04.03.2010 09:34:50

Цитата
Попов Кирилл пишет: а как обстоят дела с обновлениями для тех, кто уже приобрел?

Подробности перехода в обновленной документации "Как сделать > Переход на новую версию".

Пользователь 14203 Эксперт Сообщений: 280 Баллов: 55 Регистрация: 27.07.2007	#15 14.04.2010 20:37:28 Есть ли у кого-нибудь пожелания к доработке? Чего-то может не хватает или наоборот лишнее?

Пользователь 14203

Эксперт

Сообщений: 280 Баллов: 55 Регистрация: 27.07.2007

#16

14.04.2010 22:09:46

Вот ещё одно применение компонента, может кого-нибудь натолкнет на идею. Так как поддержка браузерами всех шрифтов пока ещё за горами. А компонент может использовать любые ttf шрифты, то можно делать картинки с красивыми надписями - приветствия пользователей, отображение дат и любой другой информации. Пример для наглядности.

Пользователь 2356

Эксперт

Сообщений: 758 Баллов: 90 Регистрация: 18.09.2005

#17

09.06.2010 19:31:42

Используем модуль, довольны. Вот пример использования:

http://www.green-card.ru/publications/articles/18358/

Вот как это выглядит на практике. В вёрстке статьи я просто вставляю ссылки на картинки из медиабиблиотеки.

Далее, на этапе вывода статьи, анализируется, какие картинки выводятся, и для тех, которые крупнее допустимого, генерируется превьюшка. Под превьюшкой показываем в рамочке title картинки. И делаем превьюшку ссылкой на оригинальное фото. Если оригинальное фото более 800x600, то Imager`ом уменьшаем и его.

Накладываем водяной знак на обе картинки (превьюшка и оригинал). Оригинальное фото показываем в красивом всплывающем окне. Всё это делает автоматически. В исходном текст статьи - только тэг <img>

Ищем программиста в офис в Минске

Пользователь 12159

Эксперт

Сообщений: 1006 Баллов: 124 Регистрация: 24.05.2007

#18

10.06.2010 01:48:45

Цитата
Валерий Суряев пишет: Вот пример использования

здорово вышло. Прямо понравилось

Десантура.ру - о десанте без границ

Пользователь 2356 Эксперт Сообщений: 758 Баллов: 90 Регистрация: 18.09.2005	#19 06.07.2010 20:27:02 Может быть планируется внедрение и обработки tif? Ищем программиста в офис в Минске

Пользователь 14203 Эксперт Сообщений: 280 Баллов: 55 Регистрация: 27.07.2007	#20 08.07.2010 15:37:37 Не планировал, но посмотрю что можно сделать. Все таки tif не веб-ориентированный формат.

Пользователь 14203

Эксперт

Сообщений: 280 Баллов: 55 Регистрация: 27.07.2007

#21

24.07.2010 17:35:02

Изменения в версии 3.3.0:
- Добавлен параметр "RESIZE_SMALL"
- Добавлен параметр "FILE_NAME"
- Добавлена поддержка "Зарегистрированных изображений"
- Обновлена документация chm

Параметр "RESIZE_SMALL" указывает необходимо ли ресайзить изображение размер которого меньше указанных параметров.

Параметр "FILE_NAME" определяет под каким именем будет сохранено новое изображение.

Введена поддержка "Зарегистрированных изображений" - это означает что можно использовать ID файла изображения вместо указания пути.

Сделана страница демонстрации

Пользователь 14203

Эксперт

Сообщений: 280 Баллов: 55 Регистрация: 27.07.2007

#22

02.08.2010 11:40:09

Добавлены компоненты для построения фотогалерей с эффектами fancybox, higtslide и lightbox.
Это стандартные компоненты "Список новостей" и "Новость детально", в которые интегрированы настройки для обработки изображений и все скрипты необходимые для эффектов.
Скриншот параметров и демонстрация

Пользователь 12159 Эксперт Сообщений: 1006 Баллов: 124 Регистрация: 24.05.2007	#23 03.08.2010 15:21:32 Круто. Думаю, что обращусь к Вам в ближайшую неделю-две Десантура.ру - о десанте без границ

Пользователь 14203 Эксперт Сообщений: 280 Баллов: 55 Регистрация: 27.07.2007	#24 03.08.2010 17:04:32 Да, конечно, обращайтесь в любой момент

Пользователь 12159 Эксперт Сообщений: 1006 Баллов: 124 Регистрация: 24.05.2007	#25 25.09.2010 20:27:06 ... Десантура.ру - о десанте без границ

Модуль для расширенной обработки и защиты изображений.

Продукты

Управление сайтом

Битрикс24

Интернет-магазин + CRM

Решения

Для интернет-магазинов

Каталог готовых решений

Внедрение

Выбрать партнера

Проверить партнера

Стать партнером