Водяные знаки, оптимизация картинок, конвертация в webp
При помощи модуля "Водяные знаки" Вы сможете защитить изображения сайта от использования или прорекламировать свою компанию, разместив на картинках логотип. Модуль имеет встроенные механизмы по оптимизации и конвертации изображений в формат WebP, что благополучно скажется на скорости загрузки сайта и его продвижении.
Преимущества
• Поддержка основных графических форматов: jpg, png, gif, bmp и webp.
• Полностью автоматическая обработка на лету, без необходимости вносить правки в код.
• Удобный визуальный редактор. Большое число параметров для настройки внешнего вида знака на любой вкус.
• Автоматическая конвертация всех изображений в формат WebP для ускорения загрузки сайта.
• Встроенная поддержка оптимизации без потерь качества (при наличии программного обеспечения на сервере).
• Нанесение любого количества знаков на изображение. Изменение и удаление знаков в любой момент.
• Индивидуальные знаки в каждом инфоблоке, в разделе инфоблока, на форуме, в коллекции медиабиблиотеки и в highload-блоке.
• Обработка любых модулей, установленных на сайте, даже не стандартных.
• Наличие дополнительных ограничений по сайтам, типу файла, размерам изображения и дате создания объекта.
Параметры водяного знака
• Тип. В качестве водяного знака может выступать текст или готовое изображение.
• Позиция. Место на картинке, где расположится водяной знак. Вариант "замостить" заполнит всю картинку водяными знаками. Варианты "со сдвигом" заполнят картинку в шахматном порядке. Вариант "в произвольном месте" расположит водяной знак в случайной позиции на каждой картинке.
• Прозрачность. Чем выше данный параметр, тем менее заметен водяной знак.
• Поворот. Вращение водяного знака относительно его центра.
• Масштабирование. Размер водяного знака будет автоматически подстраиваться под размер обрабатываемого изображения. Если параметр равен нулю, тогда водяной знак наложится как есть, в зависимости от исходных размеров знака, либо размера шрифта.
• Изображение. Картинка, которая будет использоваться в качестве водяного знака. Можно загрузить любое изображение форматов jpg, png, gif, bmp или webp.
• Текст. Текст водяного знака, например, адрес сайта или название компании. Может быть записан в несколько строк.
• Цвет. Цвет текста.
• Шрифт. Шрифт, которым будет написан текст. Можно загрузить любой свой шрифт в формате ttf.
• Размер шрифта. Работает только при отключенном параметре "масштабирование".
• Выравнивание. Расположение строк текста относительно друг друга.
• Междустрочный интервал. Определяет высоту строки текста.
• Обводка. Добавляет контур вокруг каждой буквы.
• Цвет обводки. Цвет контура.
• Толщина обводки. Определяет толщину линии контура. При масштабировании знака, толщина изменяется.
• Отступы. Невидимые поля по краям водяного знака. Позволяют отдалять знаки друг от друга или от края изображения.
• Качество. Снижение качества обработанных картинок. Можно подобрать значение таким образом, что визуально искажений видно не будет, однако это приведет к уменьшению веса изображения и ускорению загрузки сайта. Оптимальное значение - 85%.
• Уменьшать размеры. Если исходные картинки имеют большую ширину и высоту, их можно пропорционально уменьшить до нужных размеров, что также приведет к уменьшению веса картинки и ускорению загрузки сайта. Для изображений, уменьшенных функциями CFile::ResizeImageGet и CRamWatermark::resize, данный параметр игнорируется.
• Максимальная ширина. Обработанная картинка не будет превышать по ширине данное значение.
• Максимальная высота. Обработанная картинка не будет превышать по высоте данное значение.
Объекты и поля для обработки
Объекты и исключения настраиваются по шагам. Сначала выбирается модуль, затем дочерние объекты, вплоть до самого низшего уровня. У элементов и разделов инфоблоков, а так же элементов highload-блоков можно выбирать конкретные поля, которые нужно обработать, например, детальное изображение или свойство MORE_PHOTO.
Для обработки изображений товаров каталога, как правило, необходимо выбрать "Информационные блоки", затем "Каталог товаров" и "Элементы". Дополнительно, возможно, понадобится выбрать инфоблок с торговыми предложениями, если он присутствует.
Дополнительные ограничения
• Сайт. Если картинка используется на нескольких сайтах, можно отметить только те из них, на которых должен выводится водяной знак.
• Тип файла. Можно указать, на какие типы файлов нужно наложить данный водяной знак.
• Размеры изображения. Если размер обрабатываемой картинки не подходит, она останется без знака. Данное ограничение пригодится, например, когда не нужно накладывать знаки на миниатюры.
• Дата создания. Если часть изображений на сайте уже с водяными знаками, их можно исключить из обработки.
Разработчикам
Функция обработки изображений на лету \CRamWatermark::resize($params);
Масштабирует изображение до указанных размеров и наносит водяной знак, согласно его параметрам.
В функцию передается массив:
Функция возвращает массив:
Пример использования функции. Необходимо пропорционально уменьшить картинку до размеров 250*150 и защитить водяным знаком.
Модуль используют
Преимущества
• Поддержка основных графических форматов: jpg, png, gif, bmp и webp.
• Полностью автоматическая обработка на лету, без необходимости вносить правки в код.
• Удобный визуальный редактор. Большое число параметров для настройки внешнего вида знака на любой вкус.
• Автоматическая конвертация всех изображений в формат WebP для ускорения загрузки сайта.
• Встроенная поддержка оптимизации без потерь качества (при наличии программного обеспечения на сервере).
• Нанесение любого количества знаков на изображение. Изменение и удаление знаков в любой момент.
• Индивидуальные знаки в каждом инфоблоке, в разделе инфоблока, на форуме, в коллекции медиабиблиотеки и в highload-блоке.
• Обработка любых модулей, установленных на сайте, даже не стандартных.
• Наличие дополнительных ограничений по сайтам, типу файла, размерам изображения и дате создания объекта.
Параметры водяного знака
• Тип. В качестве водяного знака может выступать текст или готовое изображение.
• Позиция. Место на картинке, где расположится водяной знак. Вариант "замостить" заполнит всю картинку водяными знаками. Варианты "со сдвигом" заполнят картинку в шахматном порядке. Вариант "в произвольном месте" расположит водяной знак в случайной позиции на каждой картинке.
• Прозрачность. Чем выше данный параметр, тем менее заметен водяной знак.
• Поворот. Вращение водяного знака относительно его центра.
• Масштабирование. Размер водяного знака будет автоматически подстраиваться под размер обрабатываемого изображения. Если параметр равен нулю, тогда водяной знак наложится как есть, в зависимости от исходных размеров знака, либо размера шрифта.
• Изображение. Картинка, которая будет использоваться в качестве водяного знака. Можно загрузить любое изображение форматов jpg, png, gif, bmp или webp.
• Текст. Текст водяного знака, например, адрес сайта или название компании. Может быть записан в несколько строк.
• Цвет. Цвет текста.
• Шрифт. Шрифт, которым будет написан текст. Можно загрузить любой свой шрифт в формате ttf.
• Размер шрифта. Работает только при отключенном параметре "масштабирование".
• Выравнивание. Расположение строк текста относительно друг друга.
• Междустрочный интервал. Определяет высоту строки текста.
• Обводка. Добавляет контур вокруг каждой буквы.
• Цвет обводки. Цвет контура.
• Толщина обводки. Определяет толщину линии контура. При масштабировании знака, толщина изменяется.
• Отступы. Невидимые поля по краям водяного знака. Позволяют отдалять знаки друг от друга или от края изображения.
• Качество. Снижение качества обработанных картинок. Можно подобрать значение таким образом, что визуально искажений видно не будет, однако это приведет к уменьшению веса изображения и ускорению загрузки сайта. Оптимальное значение - 85%.
• Уменьшать размеры. Если исходные картинки имеют большую ширину и высоту, их можно пропорционально уменьшить до нужных размеров, что также приведет к уменьшению веса картинки и ускорению загрузки сайта. Для изображений, уменьшенных функциями CFile::ResizeImageGet и CRamWatermark::resize, данный параметр игнорируется.
• Максимальная ширина. Обработанная картинка не будет превышать по ширине данное значение.
• Максимальная высота. Обработанная картинка не будет превышать по высоте данное значение.
Объекты и поля для обработки
Объекты и исключения настраиваются по шагам. Сначала выбирается модуль, затем дочерние объекты, вплоть до самого низшего уровня. У элементов и разделов инфоблоков, а так же элементов highload-блоков можно выбирать конкретные поля, которые нужно обработать, например, детальное изображение или свойство MORE_PHOTO.
Для обработки изображений товаров каталога, как правило, необходимо выбрать "Информационные блоки", затем "Каталог товаров" и "Элементы". Дополнительно, возможно, понадобится выбрать инфоблок с торговыми предложениями, если он присутствует.
Дополнительные ограничения
• Сайт. Если картинка используется на нескольких сайтах, можно отметить только те из них, на которых должен выводится водяной знак.
• Тип файла. Можно указать, на какие типы файлов нужно наложить данный водяной знак.
• Размеры изображения. Если размер обрабатываемой картинки не подходит, она останется без знака. Данное ограничение пригодится, например, когда не нужно накладывать знаки на миниатюры.
• Дата создания. Если часть изображений на сайте уже с водяными знаками, их можно исключить из обработки.
Разработчикам
Функция обработки изображений на лету \CRamWatermark::resize($params);
Масштабирует изображение до указанных размеров и наносит водяной знак, согласно его параметрам.
В функцию передается массив:
$params = Array
(
'file' - ID файла или массив описания файла, полученный методом CFile::GetFileArray (обязательный параметр)
'watermark' - ID водяного знака (обязательный параметр)
'width' - ширина картинки после масштабирования (по-умолчанию ширина исходной картинки)
'height' - высота картинки после масштабирования (по-умолчанию высота исходной картинки)
'resizeType' - тип масштабирования (по-умолчанию BX_RESIZE_IMAGE_PROPORTIONAL)
'jpegQuality' - качество JPG при масштабировании (по-умолчанию 100)
)
Функция возвращает массив:
Array
(
SRC,
WIDTH,
HEIGHT,
src,
width,
height
)
Пример использования функции. Необходимо пропорционально уменьшить картинку до размеров 250*150 и защитить водяным знаком.
<?
\Bitrix\Main\Loader::includeModule('ram.watermark');
$img = \CRamWatermark::resize(Array('file' => $element['DETAIL_PICTURE'], 'watermark' => 3, 'width' => 250, 'height' => 150));
?>
<img src="<?=$img['SRC']?>"/>
![](/upload/resize_cache/iblock/193/oiqufmx1llkqc5oyan1zjxz9iton941p/150_150_1/watermark_0.webp)
![](/upload/resize_cache/iblock/de6/dys6gu98c1bny7s2nd0054ibumptns8q/150_150_1/watermark_3.png)
![](/upload/resize_cache/iblock/b2c/qnkxidtk7zutlq1vc6v7yqajv6lra965/150_150_1/watermark_4.png)
![](/upload/resize_cache/iblock/8da/vsymi2m1x85p99025l010j4dmn4sqbzm/150_150_1/watermark_9.png)
![](/upload/resize_cache/iblock/302/ik2huxak9budl0qisztr0p40czloy8g2/150_150_1/watermark_13.webp)
![](/upload/resize_cache/iblock/5d9/20io0ogk2kg5za51cr9p72ury9frgwhz/150_150_1/watermark_16.png)
![](/upload/resize_cache/iblock/903/2bixcnw3f90uyf7pzsym89tru43gqfrv/150_150_1/watermark_19.webp)
![](/upload/resize_cache/iblock/2bf/iwon8rjg9eibxo5im1hsxp26w33iqyz6/150_150_1/watermark_21.png)
![](/upload/resize_cache/iblock/a18/98o56ima4j28sw386rmpwq0go659akdj/150_150_1/watermark_23.webp)
![](/upload/resize_cache/iblock/01f/fjo20p5r9ajvkxzu18w4d3gkncis212i/150_150_1/watermark_24.png)
![](/upload/resize_cache/iblock/6c6/jk5zoxjflzq4zj9h3tt2papiyw6qv2ko/150_150_1/watermark_25.png)
![](/upload/resize_cache/iblock/4ee/mbadg7c31j3dwd7mjflhpzf4xxfhbqit/150_150_1/watermark_28.png)
![](/upload/resize_cache/iblock/7ce/msddmpti5qvj7mv7b9rth6lxu5phrd7n/150_150_1/watermark_29.png)
![](/upload/resize_cache/iblock/208/j20zy8r2dzjg7lb7m01v40gxironn6fc/150_150_1/watermark_32.png)
![](/upload/resize_cache/iblock/dd6/zud22hsjeosn7n2fiulf3zentcvfwjht/150_150_1/watermark_34.png)
![](/upload/resize_cache/iblock/454/rk6y1kaijc9zpsh4yd7wb13hw9jg30cs/150_150_1/watermark_37.png)
![](/upload/resize_cache/iblock/a28/01tehmbkl8d26es6qwpx56c3pze4ypri/150_150_1/watermark_38.png)
![](/upload/resize_cache/iblock/1f7/ibs9vaqjr2vbatu5hag3s7alpzsin0ym/150_150_1/watermark_39.png)
![](/upload/resize_cache/iblock/4ba/grdogddaw6hmnia2fdy927zjcn6c6z6b/150_150_1/watermark_40.png)
![](/upload/resize_cache/iblock/0cf/jaqnz3w93ad4oxklw5y7exh9a6c9mc10/150_150_1/watermark_42.jpg)
![](/upload/resize_cache/iblock/d06/6szwed1e0ekny3vl5eh7r3652sw2uard/150_150_1/watermark_45.png)
![](/upload/resize_cache/iblock/6b2/xfmb5dn6z7zd2135l8z6ol372b4li1b7/150_150_1/watermark_46.png)
![](/upload/iblock/670/ao3p5280lhoh97ywnmgzgble2dw024j9/watermark_47.png)
![](/upload/resize_cache/iblock/e16/hnluduu47r1uju8ma13u573vov2ogueu/150_150_1/watermark_49.png)
![](/upload/resize_cache/iblock/524/v1ubihestfntbezp1bmi1jc2g5qwohch/150_150_1/watermark_53.png)
![](/upload/resize_cache/iblock/826/k78idj2rsctwrh8pi8w7m5cx7e4ho2s1/150_150_1/watermark_54.png)
![](/upload/resize_cache/iblock/761/1ucqwvb3o6fs3ry9ctcis0481nlqf8x6/150_150_1/watermark_59.png)
![](/upload/resize_cache/iblock/7ee/tukszfevoyre6o7i33tort222cjenotx/150_150_1/watermark_63.webp)
![](/upload/iblock/5b1/p9dsi46el7c1uisyny8t0fpwh278ewdb/watermark_66.webp)
![](/upload/resize_cache/iblock/4ce/td6cdw4ajnbbdes1bq7inrzfm7v7brd9/150_150_1/watermark_70.png)
![](/upload/resize_cache/iblock/204/z97zzdi2o85oxhcs6vuanhiauqrswjip/150_150_1/watermark_72.png)
![](/upload/resize_cache/iblock/f07/d0zlwqjyijg8vsbr4fw4e1ns6vgimch1/150_150_1/watermark_93.png)
![](/upload/resize_cache/iblock/71e/s4nxmtv6c9jrxxzm88gaswgqnfk4zzs6/150_150_1/watermark_94.png)
![](/upload/iblock/637/fhw2em3zbaz4lwgvvha540zt5eyewsis/watermark_100.webp)
![](/upload/resize_cache/iblock/079/p91s3efthdysvmwwddd4o4d9n0e3giq7/150_150_1/watermark_102.jpg)
![](/upload/resize_cache/iblock/464/5bljxi44duhfc0zpj7ljl3yxekklw28q/150_150_1/watermark_104.png)
![](/upload/resize_cache/iblock/624/j45yx4vvcvb2xkj99922eg0z0rwko5um/150_150_1/watermark_108.png)
![](/upload/resize_cache/iblock/563/kzmex67g22gl1re9j1dhtjezqlx2own2/150_150_1/watermark_120.jpg)
![](/upload/resize_cache/iblock/a4b/elvs7rvfqiridgils2p5714a0m8aufen/150_150_1/watermark_121.png)
![](/upload/resize_cache/iblock/5e8/zifaw6kctveeojq3kxne949289r4zks0/150_150_1/watermark_122.jpg)
![](/upload/resize_cache/iblock/56b/69mev2nlrz7kopw2hqtq1dwoowpcemlw/150_150_1/watermark_123.png)
![](/upload/resize_cache/iblock/7b5/2188plt14f1vn2zlg18w5lsdo6jyb4oe/150_150_1/watermark_131.webp)
Для установки модуля укажите адрес Вашего сайта.
Вы также можете установить модуль через административный раздел своего сайта. Для этого необходимо зайти в раздел "Marketplace", затем "Каталог решений", найти нужное решение и нажать "Тестировать". В течение 30 дней модуль будет работать совершенно бесплатно.
Стоимость модуля 1 900 ₽ / год