Ars Longa, Vita Brevis » ImageMagick

Добавление водяных знаков в анимированые GIF при помощи ImageMagick

Vladimir — Mon, 14 Sep 2009 03:09:19 +0000

Просто и почти без головной боли

Задача отсюда. Самый простой способ решения:

convert image.gif \
-coalesce \
-gravity south \
-draw 'image over 0,0 0,0 "watermark.png"' \
result.gif"

image.gif — исходный рисунок;
watermark.png — водяные знаки;
result.gif — результат

Параметр gravity задаёт местоположение водяных знаков.

Если водяные знаки нужно предварительно обработать (например, подогнать под размер изображения), то команда несколько усложнится (в принципе, то же самое можно выполнить с использованием нескольких команд и использованием временных файлов, но хранение изображений в памяти удобнее):

convert watermark.png \
-resize 100x100
-write mpr:wmark \
+delete \
image.gif \
-coalesce \
-gravity north \
-draw 'image over 0,0 0,0 "mpr:wmark"' \
result.gif

В данном случае watermark.png масштабируется с сохранением пропорций до 100×100, записывается в память (-write mpr:wmark), удаляется из последовательности изображений (+delete), в последовательность добавляются все кадры image.gif, вся последовательность собирается в одно изображение (-coalesce), на котором сверху (-gravity north) выводится преобразованный watermark.png (-draw 'image over 0,0 0,0 "mpr:wmark"'), а результат помещается в result.gif.

Оба варианта имеют одно достоинство: в качестве исходного изображения можно использовать любой файл, не обязательно .gif.

Из недостатков: не все версии ImageMagick нормально обрабатывают gif-файлы. Например, ImageMagick 6.4.5.4 (который идёт в Ubuntu Jaunty) может из такого изображения:

и таких водяных знаков:

сделать такой результат:

В версии 6.5.1.0 эта ошибка уже исправлена.

При использовании материалов блога наличие активной не закрытой от индексирования ссылки на источник обязательно.

Генерирование «полароидных» миниатюр при помощи ImageMagick

Vladimir — Thu, 15 Jan 2009 12:06:03 +0000

ImageMagick forever :-)

Имеется изображение:

Необходимо получить нечто такое (я поместил изображение на красный фон, чтобы была видна тень):

При помощи ImageMagick это делается очень просто:

convert wolf.png \
-bordercolor white -border 6 \
-bordercolor grey70 -border 1 \
-background black \( +clone -shadow 60x4+4+4 \) +swap \
-background none -flatten -quality 95 wolf-polaroid.png

Вторая строка задает цвет (белый) и размер (6 пикселей) окантовки, третья строка задает цвет и размер рамочки вокруг рисунка, четвертая строка создаёт тень с 60% прозрачностью, а пятая строка собирает все в один рисунок.

Но это еще не всё С помощью ImageMagick можно поворачивать изображения:

convert wolf.png \
-bordercolor white -border 6 \
-bordercolor grey70 -border 1 \
-background none -rotate 20 \
-background black \( +clone -shadow 60x4+4+4 \) +swap \
-background none -flatten -quality 95 wolf-polaroid-rotated.png

Поворот (в градусах) задаётся в четвёртой строке. Поворот должен идти после задания рамок, это важно. В результате получится такое изображение:

К изображению можно добавить надпись:

convert wolf.png \
-size 1x18 xc:white -background white -append -gravity south -annotate 0, 'Wolf' \
-bordercolor white -border 6 \
-bordercolor grey70 -border 1 \
-background none -rotate 20 \
-background black \( +clone -shadow 60x4+4+4 \) +swap \
-background none -flatten -quality 95 wolf-polaroid-rotated-labelled.png

Получится такое вот изображение:

ImageMagick предоставляет очень большие возможности по обработке изображений; лично я предпочитаю его GD и прочим извращениям.

Закруглённые углы при помощи ImageMagick

Vladimir — Mon, 12 Jan 2009 18:15:25 +0000

Просто и быстро

Постановка задачи: есть несколько тысяч картинок-миниатюр с прямыми углами. Необходимо преобразовать их таким образом, чтобы углы были закруглёнными.

Кто-то будет писать PHP-скрипт, кто-то — использовать PhotoShop, а для любителей командной строки и ImageMagick есть более простое решение.

Итак, пусть у нас имеется такое исходное изображение (размер изображения — 96×96, но для описываемого метода это не важно):

Для начала нам надо рассчитать параметры рамки:

convert source.png -border 2 -format 'roundrectangle 1,1 %[fx:w-2],%[fx:h-2] %[fx:int((w+h)/15)],%[fx:int((w+h)/15)]' info: > rounded-corners.mvg

Высота и ширина берутся непосредственно из файла, а результаты вычислений сохраняются в файле формата Magick Vector Graphics и будут использоваться далее. Перед проведением вычислений к файлу добавляется двухпиксельная рамка. Таким образом, размер изображения с рамкой (концы которой будут закругляться) составит 100×100.

Теперь нам нужно сгенерировать оверлей и маску:

convert source.png -border 2 -matte -channel RGBA -threshold -1 -background none -fill none -stroke black -strokewidth 3 -draw "@rounded-corners.mvg" overlay.png
convert source.png -border 2 -matte -channel RGBA -threshold -1 -background none -fill white -stroke black -strokewidth 1 -draw "@rounded_corner.mvg" mask.png

Оверлей представляет собой рамку с закругленными концами, которая будет накладываться на исходное изображение. Маска же используется для стирания лишних частей изображения. Ширина штриха маски меньше ширины штриха оверлея: хотя будет стёрто чуть большее по площади изображение, края изображения будут сглажены должным образом. Цвет рамки задаётся в параметре stroke.

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

Формируем окончательное изображение:

convert source.png -matte -bordercolor none -border 2 mask.png -compose DstIn -composite overlay.png -compose Over -composite -depth 8 -quality 95 dest.png

Получим следующее изображение:

Над изображением можно извратиться и получить более красивую рамку:

convert target.png -matte -virtual-pixel transparent -channel A -blur 0x8 -evaluate subtract 50% -evaluate multiply 2.001 soft-edge.png

Получим такое изображение:

Есть еще один способ закругления углов (в этом случае ни маска, ни оверлей не нужны):

convert source.png -matte -virtual-pixel transparent -channel A -blur 0x8 -evaluate subtract 50% -evaluate multiply 2.001 soft-edge.png

Как обработать коллекцию файлов? В Linux это просто: я приведу общий случай:

find . -type f -name "*.png" -exec convert "{}" -matte -bordercolor none -border 2 /path/to/mask.png -compose DstIn -composite /path/to/overlay.png -compose Over -composite -depth 8 -quality 95 -matte -virtual-pixel transparent -channel A -blur 0x8 -evaluate subtract 50% -evaluate multiply 2.001 "{}" \;

PS — а еще можно и тень добавить:

convert -page +4+4 soft-edge.png \( +clone -background gray -shadow 60x4+4+4 \) +swap -background none -mosaic -depth 8 -quality 95 shadowed.png