Наложение watermark в ms2Gallery

Часто спрашивают, а как сделать наложение водяных знаков на изображения, загружаемые через ms2Gallery?

Понятно, что работа идёт через PhpThumb, понятно какие ему нужно задавать параметры, но что именно нужно настроить на сайте, чтобы одно изображение накладывалось на другое?

1. На сервере должен быть установлен ImageMagick. Также нужно проследить, чтобы он был доступен для php. Подробнее здесь.

2. В источнике файлов ms2Gallery нужно добавить параметр fltr с wmi:
[
	{"w":120,"h":90,"q":90,"zc":"1","bg":"000000","fltr":"wmi|wm.png|BR|80"},
	{"w":360,"h":270,"q":90,"zc":"1","bg":"000000","fltr":"wmi|wm.png|BR|80"}
]

Параметры расшифровываются так:
"wmi" (WaterMarkImage)
         [ex: &fltr[]=wmi|<f>|<a>|<o>|<x>|<y>|<r>] where
         <f> is the filename of the image to overlay;
         <a> is the alignment (one of BR, BL, TR, TL, C,
             R, L, T, B, *) where B=bottom, T=top, L=left,
             R=right, C=centre, *=tile)
             *or*
             an absolute position in pixels (from top-left
             corner of canvas to top-left corner of overlay)
             in format {xoffset}x{yoffset} (eg: "10x20")
             note: this is center position of image if <x>
             and <y> are set
         <o> is opacity from 0 (transparent) to 100 (opaque)
             (requires PHP v4.3.2, otherwise 100% opaque);
         <x> and <y> are the edge (and inter-tile) margin in
             pixels (or percent if 0 < (x|y) < 1)
             *or*
             if <a> is absolute-position format then <x> and
         <y> represent maximum width and height that the
             watermark image will be scaled to fit inside
         <r> is rotation angle of overlaid watermark
Полная документация.

3. Файл wm.png нужно положить в /assets/components/ms2gallery/ — именно там он будет искаться.

В источнике можно указать не просто wm.png, а images/wm.png — тогда файл нужно положить в /assets/components/ms2gallery/images/.

Если всё сделано правильно — вы получите watermark на своих изображениях при загрузке в галерею.

Еще раз обращаю ваше внимание, что хостинг должен быть готов к такой сложной работе с изображениями, как наложение водяных знаков. Понятное дело, что на нашем хостинге всё работает без проблем.
Василий Наумкин
12 июля 2014, 04:46
modx.pro
21
7 200
+8

Комментарии: 23

Степан Прищепенко
12 января 2015, 17:29
0
а для того чтобы путь к водяному знаку шел от корня сайта укажите слеш в самом начале, например:
{"w":120,"h":90,"q":90,"zc":"1","bg":"000000","fltr":"wmi|/assets/img/wm.png|BR|80"}
    Alexander V
    12 января 2015, 20:26
    0
    Не знаю, как watermark, но обрезать по условию BR/BL/TR/TL и т.д. не получается ни в одном дополнении Modx.
      Василий Наумкин
      12 января 2015, 20:34
      0
      Да ладно?

      А почему на file.modx.pro работает?
        Alexander V
        12 января 2015, 21:48
        0
        Ваше дополнение разве есть в репозитории Modx?
          Василий Наумкин
          12 января 2015, 21:51
          0
          Конечно, есть — modstore.pro/uploadify

          Работа ресайзера зависит от настроек сервера, у нас на хостинге с этим полный порядок.
            Alexander V
            13 января 2015, 01:26
            0
            Василий, вам, как никому другому должно быть известно, что есть репозиторий Modx, а есть все остальные.
            То, что от настроек сервера зависит не знал, спасибо.
              Василий Наумкин
              13 января 2015, 06:06
              0
              Тогда уж, репозиторий modx.com и остальные.

              В нашем репозитории тоже дополнения MODX.
        Степан Прищепенко
        13 января 2015, 09:35
        0
        вообще то это для изменения позиции на экране, а не для обрезки.
      Дмитрий Иванов
      06 мая 2015, 21:57
      0
      А можно как-то сделать, чтобы и на основное загруженное изображение наложить ватермарк?
        Василий Наумкин
        06 мая 2015, 22:10
        0
        Нет.

        Основное изображение сохраняется «как есть», чтобы из него делать потом любые варианты.
        Виктор
        Виктор
        14 апреля 2016, 21:05
        0
        то есть к уже загруженным фото ватермарк так же установится, или будет только у новых, которые будут загружены после его установки?
          Владимир
          14 апреля 2016, 21:11
          0
          Обновить превьюшки не пробовали?
            Виктор
            Виктор
            14 апреля 2016, 21:23
            0
            я еще не пользовался. просто водяного знака еще нет (не отрисовали), но фото можно загружать, поэтому интересуюсь, в каком порядке возможна работа
        Виктор
        Виктор
        15 апреля 2016, 19:59
        -1
        а можно уточнить по параметрам PhpThumb? извиняюсь, но не очень понятно, какие параметры для него нужно указать
        Кристина
        10 ноября 2016, 15:02
        0
        Подскажите, никак не могу сделать. В админке на некоторые превьюшки накладываются вотермарки, но не на все и на сайте вотермарков не видно. Imagemagick включен, в логах возникает ошибка, но не уверена, что она относится к этому:
        [2016-11-10 14:04:15] (ERROR @ /index.php) Error 42000 executing statement:
        Array
        (
        [0] => 42000
        [1] => 1064
        [2] => You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near ') ASC' at line 1
        )
        Дмитрий Минчук
        19 мая 2022, 11:14
        0
        Здравствуйте, Василий и коллеги портала modx.pro!
        Прошу подсказать мне.
        Есть картинка full
        Наложить водяной знак вниз влево по средствам кода

        «full»:{«h»:1920,«q»:100,«zc»:«0»,«bg»:«000000»,«fltr»:«wmi|left_bt.png|BL|100»}
        у меня получилось.

        Вопрос в том: как можно сделать несколько водяных параметров на одну картинку?
        На картинке в идеале должен быть водяной знак в центре (лого.png), внизу слева (красивый низ с контактами.png), и в самом низу(декоративная полоса внизу на всю ширину картинки. полоса заведомо 1900px.png),

        а вверху справа в шрифте ариал например, наложен текст с отступом -10 и -15 пикселей от краёв верха и право, с названием файла без его разрешения ( 345, вместо 345.JPG )
          Николай Савин
          19 мая 2022, 13:56
          0
          Подготовьте изображение со всем этим добром и накладывайте его как ватермарку.
            Дмитрий Минчук
            23 мая 2022, 22:52
            0
            Изображений много, а на каждое надо наложить свой фильтр с названием файла, пронумеровать картинки.
            и вопрос был- как на изображение наложить более 1 параметра png ватермарки
          Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
          23