ImageMagick – К2® Cloud Info

Как заменить однородный фон прозрачным с помощью Imagemagick

14.01.2016 rudjuk Leave a comment

Бывает, что на сайт загружаются картинки с однородным фоном и возникает потребность в автоматической замене его (фона) на прозрачный. Часто такая фича нужна для фотографий товаров в интернет-магазине, картинок, которые накладываются на корпоративный фон и других фоток, не портящих дизайн сайта. Вырезать каждую фотку вручную фотошопом довольно грустно, но есть php-методы, с помощью которых это можно «поставить на поток». Как это работает Функция попиксельно ищет где заканчивается однородный цвет. После того, как все координаты вычислены — функция просто вырезает все, что находится снаружи. Замена белого фона прозрачным возможна только если выходная картинка сохранена в формате PNG или GIF. Подойдут и новые форматы WebP и BPG с поддержкой прозрачности. Перед удалением фона всегда лучше ресайзить большую картинку. Если сделать это после — границы могут исказиться. Замена фона, пример на bash Для удаления фона в ImageMagick есть оператор -trim. Он обрезает картинку по заданному цвету:

convert image.jpg -quality 100 image.png
convert image.png -fuzz 20% -fill white -draw "color 5,5 floodfill" -quality 100 image.png
convert image.png -transparent white image.png
convert image.png -define convolve:scale="100!,100%" -morphology Convolve "Log:0x2" image.png

convert image.jpg -quality 100 image.png

convert image.png -fuzz 20% -fill white -draw "color 5,5 floodfill" -quality 100 image.png

convert image.png -transparent white image.png

convert image.png -define convolve:scale="100!,100%" -morphology Convolve "Log:0x2" image.png

Перед обрезкой стандартный JPEG конвертируется в PNG. В lossy JPEG’е фон не будет однородным. Соседние пиксели обычно незначительно отличаются по цвету. Например: белый, светло-серый, светло-голубой. Аргумент fuzz устанавливается в значение >0, чтобы разрешить функции считать соседние цвета одинаковыми. Замена фона, пример на PHP Пример обрезки белого фона на картинке (входной файл: image.jpg, выходной — trimmed.png):

<?php
$image = new Imagick('image.jpg');
$type=pathinfo('image.jpg', PATHINFO_EXTENSION);
if($type=='jpg')
{
  $image->setImageFormat('png');
}
$image->borderImage('#ffffff',1, 1);
$image->trimImage(0);
$image->setImagePage(0, 0, 0, 0);
$image->writeImage('trimmed.png');
?>

<?php

$image = new Imagick('image.jpg');

$type=pathinfo('image.jpg', PATHINFO_EXTENSION);

if($type=='jpg')

{

$image->setImageFormat('png');

}

$image->borderImage('#ffffff',1, 1);

$image->trimImage(0);

$image->setImagePage(0, 0, 0, 0);

$image->writeImage('trimmed.png');

Оператор borderImage рисует вокруг картинки рамку 1х1 в цвет фона, после чего оператор trimImage обрезает ее вместе с рамкой. Внимание! Оператор trimImage работает, если Imagick скомпилирован с ImageMagick версии не ниже 6.2.9. Как сделать фон однородным Похожим способом можно заменить неоднородный фон на однородный при конвертации из JPEG в PNG: […]

10 ключевых функций ImageMagick

14.01.2016 rudjuk 2 коментарі

В двух словах ImageMagick — консольный графический редактор, работающий практически со всеми существующими форматами графики. Предоставляет максимум функций для обработки картинок — ресайз, конвертация, рисование, анимация, специальные эффекты и т.д. Сложноват для новичков. ImageMagick – незаменимый бесплатный инструмент для создания, конвертации и редактирования картинок. Особенно удобно применять для автоматизации. Форматы ImageMagick работает более чем со 100 форматами изображений, в том числе и с основными веб-форматами — JPEG, SVG, GIF, WebP и PNG. Установка Все устанавливается из пакетов :

apt-get install imagemagick

1	apt-get install imagemagick

При этом станут доступны 7 утилит: display, animate, identify, convert, montage, mogrify и composite. Далее пройдемся по самым полезным и популярным свойствам ImageMagick. 1. Конвертация С помощью функции convert Вы можете конвертировать картинки из одного формата в другой. Простейший пример — переход от JPEG к PNG:

convert palm.jpg palm.png

1	convert palm.jpg palm.png

2. Ресайз Уменьшайте, увеличивайте картинки, задавая необходимый размер.

convert palm.gif    -resize 64x64  resize_palm.gif

1	convert palm.gif -resize 64x64 resize_palm.gif

3. Рисование Добавляйте к картинкам текст, геометрические фигуры, линии, кривые. Например, простая фигура — белый круг на голубом фоне:

convert -size 100x60 xc:skyblue -fill white -stroke black \
          -draw "circle 50,30 40,10" draw_circle.gif

1 2	convert -size 100x60 xc:skyblue -fill white -stroke black \ -draw "circle 50,30 40,10" draw_circle.gif

4. Анимация Вы можете создать GIF-анимацию — несколько картинок в рамках одного файла, сменяющие друг друга через заданный промежуток времени. Выполняется также с помощью утилиты convert. Ниже пример простой закольцованной анимации, где каждая новая картинка сменяет предыдущую:

convert -delay 100 -dispose Background \
              -page 100x100+5+10  picture1.gif  \
              -page +35+30 picture2.gif  \
              -page +62+50 picture3.gif  \
              -page +10+55 picture4.gif  \
          -loop 0  anim_bgnd.gif

convert -delay 100 -dispose Background \

-page 100x100+5+10 picture1.gif \

-page +35+30 picture2.gif \

-page +62+50 picture3.gif \

-page +10+55 picture4.gif \

-loop 0 anim_bgnd.gif

Правильно комбинируя картинки, можно создавать эффект движения и даже короткие видео. 5. Специальные эффекты Размытие и увеличение резкости — неотъемлемые части редактирования. Размытие может показаться лишней функцией, пока не понадобится создать фон или тени. Можно также “размывать” четкие границы геометрических фигур. Параметр -blur 0x8 определяет степень размытия.

onvert black_circle.png  -channel RGBA  -blur 0x8  black_blurred_RGBA.png

1	onvert black_circle.png -channel RGBA -blur 0x8 black_blurred_RGBA.png

6. Прозрачность Добавление прозрачных областей, и с их помощью […]