Наложение watermark в ms2Gallery
Часто спрашивают, а как сделать наложение водяных знаков на изображения, загружаемые через ms2Gallery?
Понятно, что работа идёт через PhpThumb, понятно какие ему нужно задавать параметры, но что именно нужно настроить на сайте, чтобы одно изображение накладывалось на другое?
1. На сервере должен быть установлен ImageMagick. Также нужно проследить, чтобы он был доступен для php. Подробнее здесь.
2. В источнике файлов ms2Gallery нужно добавить параметр fltr с wmi:
Параметры расшифровываются так:
3. Файл wm.png нужно положить в /assets/components/ms2gallery/ — именно там он будет искаться.
В источнике можно указать не просто wm.png, а images/wm.png — тогда файл нужно положить в /assets/components/ms2gallery/images/.
Если всё сделано правильно — вы получите watermark на своих изображениях при загрузке в галерею.
Еще раз обращаю ваше внимание, что хостинг должен быть готов к такой сложной работе с изображениями, как наложение водяных знаков. Понятное дело, что на нашем хостинге всё работает без проблем.
Понятно, что работа идёт через 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 на своих изображениях при загрузке в галерею.
Еще раз обращаю ваше внимание, что хостинг должен быть готов к такой сложной работе с изображениями, как наложение водяных знаков. Понятное дело, что на нашем хостинге всё работает без проблем.
Комментарии: 23
а для того чтобы путь к водяному знаку шел от корня сайта укажите слеш в самом начале, например:
{"w":120,"h":90,"q":90,"zc":"1","bg":"000000","fltr":"wmi|/assets/img/wm.png|BR|80"}
Не знаю, как watermark, но обрезать по условию BR/BL/TR/TL и т.д. не получается ни в одном дополнении Modx.
Ваше дополнение разве есть в репозитории Modx?
Конечно, есть — modstore.pro/uploadify
Работа ресайзера зависит от настроек сервера, у нас на хостинге с этим полный порядок.
Работа ресайзера зависит от настроек сервера, у нас на хостинге с этим полный порядок.
Василий, вам, как никому другому должно быть известно, что есть репозиторий Modx, а есть все остальные.
То, что от настроек сервера зависит не знал, спасибо.
То, что от настроек сервера зависит не знал, спасибо.
Тогда уж, репозиторий modx.com и остальные.
В нашем репозитории тоже дополнения MODX.
В нашем репозитории тоже дополнения MODX.
вообще то это для изменения позиции на экране, а не для обрезки.
А можно как-то сделать, чтобы и на основное загруженное изображение наложить ватермарк?
Нет.
Основное изображение сохраняется «как есть», чтобы из него делать потом любые варианты.
Основное изображение сохраняется «как есть», чтобы из него делать потом любые варианты.
то есть к уже загруженным фото ватермарк так же установится, или будет только у новых, которые будут загружены после его установки?
Обновить превьюшки не пробовали?
я еще не пользовался. просто водяного знака еще нет (не отрисовали), но фото можно загружать, поэтому интересуюсь, в каком порядке возможна работа
скрипт поищи тут в поиске для обновления всех картинок галереи
спасибо
а можно уточнить по параметрам PhpThumb? извиняюсь, но не очень понятно, какие параметры для него нужно указать
Подскажите, никак не могу сделать. В админке на некоторые превьюшки накладываются вотермарки, но не на все и на сайте вотермарков не видно. 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
)
[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
)
Решено
Здравствуйте, Василий и коллеги портала 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 )
Прошу подсказать мне.
Есть картинка 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 )
Подготовьте изображение со всем этим добром и накладывайте его как ватермарку.
Изображений много, а на каждое надо наложить свой фильтр с названием файла, пронумеровать картинки.
и вопрос был- как на изображение наложить более 1 параметра png ватермарки
и вопрос был- как на изображение наложить более 1 параметра png ватермарки
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.