(Зеркала топа - здесь и тут)

2010/07/03 Ура, свершилось! :-) Я таки сделал программу для изготовления прозрачных картинок. Вот она: limpng - limpid PNG convertor v1.0 - прошу любить и жаловать, скачивать и пробовать, хаять и предлагать! :-)
Что может? А очень много чего:

• переводить чёрно-белые и серые картинки в формате PNG в прозрачный вид по ранее (ниже)описанному алгоритму;
• то же самое проделывать и с цветными картинками (понятно, не настолько гладко - полностью прозрачное не может быть цветным, иначе его не будет видно, цветное оно или нет; но какие-то пропорции всё ж сохраняются);
• делать полупрозрачные картинки - сквозь которые фон просвечивается, но не в полную силу; степень прозрачности регулируется;
• делать "классическую" (ступенчатую) прозрачность, т.е. какие-то самые яркие участки картинки будут полностью прозрачны, а всё остальное остаётся полностью непрозрачным - а-ля аппликация или спрайтовая графика; порог прозрачности, опять же, можно задавать;
• в качестве исходных принимать любые прозрачные, непрозрачные, полупрозрачные и частично прозрачные картинки, в т.ч. полученные любыми программами, а не только этой;
• восстанавливать исходные непрозрачные картинки из любых вышеперечисленных - а если они "опрозрачнивались именно этой программой и после того ничем не редактировались и ничем, кроме optipng, не конвертировались, то гарантируется точное побитное восстановление вместе с восстановлением имени файла;
• проделывать все вышеперечисленные действия с любыми степенями и порогами прозрачности над неограниченным количеством файлов в один заход.
• (А в следующей версии будет ещё и выборочное "опрозрачнивание" участков рисунка по заданной пользователем маске! - загвоздка только в выборе способа кодирования желаемой прозрачности, чтобы пользователю было удобно задавать маску любым графическим редактором вплоть до micro$oft paint'а.)

Как уже, наверно, многие догадались, :-) limpng - консольная программа и управляется параметрами в командной строке. При запуске без параметров или с параметром -h программа рассказывает о себе :-) и даёт список управляющих параметров - пока только по-английски, а вот несколько сокращённый перевод:

Примеры запуска программы:
limpng -t 255 -s 255 -s 240 -s 200 -s 100 image1.png image2.png -
из каждого исходного файла сгенерирует пять файлов:
image1-t255.png и image2-t255.png - прозрачные по ранее предложенному типу;
image1-s255.png и image2-s255.png - "классически" прозрачные в чисто-белых областях;
image1-s240.png и image2-s240.png - "классически" прозрачные в областях белых и почти белых (чуточку темноватых или белых чуточку подкрашенных);
image1-s200.png и image2-s200.png - серьёзно "побитые" прозрачностью (могут пострадать лица, особенно глаза/зубы, а также яркие детали одежды, небо, детали мебели и много чего ещё);
image1-s100.png и image2-s100.png - бо́льшая часть поля будет прозрачной, уцелеют только штаны-пиджаки-ботинки и тёмные волосы. :-)
limpng -d original -r image1-s100.png и image2-t255.png -
в каталог по имени original (если такой, конечно, существует) будут восстановлены непрозрачные оригиналы исходных файлов (в нашем случае это original\image1.png и original\image2.png).

Уфф! Вроде ничего не забыл.
...хотя да - ещё остался вопрос с исходными текстами программы. Хм. Выложу. Не прямо сейчас: в них слишком много обрывков, недореализованных и отброшенных фишек, комментов матом и прочей шелухи - не то чтобы "стыдно людям показать", но... В общем, выложу под лицензией GNU GPL, если кто расскажет, как это правильно сделать, или покажет, где это внятно расписано.
Upd 2010-07-05: уже.

(тут прежнее содержимое стартового поста)
Об изготовлении иллюстраций с прозрачным фоном
Придумал ещё один способ делать чёрно-белые (точнее, 256-серые) иллюстрации с прозрачностью. В отличие от "классического" способа, не увеличивает размер файла с картинкой, в принципе не даёт паразитных ореолов и не требует установки громоздкого проприетарного софта - все компоненты open source'ныe.
Базовая идея проста как дрова: вместо выбора "прозрачного" цвета воспользоваться альфа-каналом, а чтобы не было ореольчиков - изображение держать только в альфа-канале, а то, что обычно считается изображением, сделать полностью чёрным.

Итак, берём исходную картинку (если кто не узнал - это фрагмент иллюстрации к сборнику юморесок Остапа Вишни "Самостійна дірка"):

Поскольку мы собираемся делать прозрачным фон (белые участки), а в альфа-канале прозрачно как раз чёрное, то первым делом сделаем негатив:

и картинку с чёрной заливкой:

Теперь осталось собрать одно с другим в правильном порядке - и вуаля:

В результате мы получили изображение с прозрачным фоном, гарантированно не дающее ореолов. Вот так оно выглядит, к примеру, на оранжевом (256-128-0) фоне:

Сомневающихся прошу сохранить рис. 4 и посмотреть его любым вьюером на сколь угодно тёмном фоне, вплоть до чёрного, :-) и убедиться.

Теперь две ложки дёгтя. Первая: я знаю только одну софтинку, способную проделать все эти операции (особенно финальную сборку) в едином технологическом цикле: скриптовый видеоредактор-фреймсервер Avisynth. Зато он позволяет проделать всё вышеперечисленное без излишних телодвижений - попросту выполняя скрипт:

function make_transparent( string name, string outname ) {
	imagesource( name, 0, 0, pixel_type="rgb32" ) # делаем из картинки видеоролик длиной в один кадр
	invert() # получаем негатив
#	resetmask().imagewriter( outname + ".negative.", type="png" ) # - можно сохранить в файл
	inv = last # запоминаем этот видеопоток, пригодится
	inv.blankclip() # делаем чёрную картинку
#	subtitle( "Не поддерживается!", align=1,text_color=$00FFFFFF, halo_color=$FF000000 )
#	resetmask().imagewriter( outname + ".black.", type="png" ) # - тоже можно сохранить
	last.mask( inv ) # собираем в цельную картинку
	imagewriter( outname + ".", type="png" ) # и сохраняем в файл
	showalpha().invert() # просто для удобства - чтобы плеер вывел исходную картинку
}

# вызов функции: первый параметр - полное имя исходного файла,
# второй - имя (без расширения) для выходного:
make_transparent( "original.png", "transparent" )

# а вот так можно одним вызовом преобразовать несколько файлов сразу:
#make_transparent( "image1.png", "out1" ) + \
#make_transparent( "image2.png", "out2" ) + \
#make_transparent( "image3.png", "out3" ) + \
#make_transparent( "image4.png", "out4" ) + \
#make_transparent( "image5.png", "out5" ) + \
#make_transparent( "image6.png", "out6" )

(Ё-пс! Буковки "<br />" в конце каждой строки - паразитные, их переносить в скрипт не надо!)
Для запуска скрипта на выполнение его следует "проиграть" любым видеоплеером (разумеется, при установленном Avisynt'е); для отладки хорошо использовать видеоредактор VirtualDubMod - скрипт открывается как видеофайл, а по Ctrl-E появляется удобное окно редактирования скрипта.
Вторая: в принципе можно себе представить как вьюер картинок, так и FB2-вьюер, в принципе не поддерживающие .png-файлы с масками; пользователи таких программ увидят вместо картинки просто чёрный прямоугольник. Специально на такой случай в скрипте есть (закомментирована) строка, выводящая поверх чёрного надпись "Не поддерживается!". Вот так в нашем случае выглядит чёрный прямоугольник с этой надписью:

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

Разумеется, надпись можно прочитать только под вьюером, не поддерживающим прозрачность в .png-файлах.

В принципе, полученные скриптом .png-файлы выкладывать куда-либо ещё рано - они крайне неоптимальны, т.к. в 24-битном полноцветном формате хранят чёрно-белые картинки. Эти файлы стоит дообработать PNG-оптимизатором - на выбор, либо open-source'ным OptiPNG'ом:
optipng.exe -zc1-9 -zm1-9 -zs0-3 -f0-5 -dir output *.png
либо проприетарным (бесплатным для некоммерческого использования) PNGOUT'ом:
for %i in ( *.png ) do pngout.exe %i output\%i
Оба хороши тем, что сжимают .png-файлы по самые уши, зато гарантированно без потери качества. При подготовке картинок для этого поста я использовал OptiPNG.

Вот вроде и всё. Хотя да, насчёт обещанного неувеличения размера: таки да! :-) Кому не лень проверить - сохраните картинки и убедитесь.
(Размер файла рисунка номер 7 таки увеличился по сравнению с оригиналом (рис. 1) на целый килобайт. Но это не за счёт использования маски, а за счёт предупреждающей строки: примерно столько разницы в размерах чёрного прямоугольника с надписью и без таковой.)

Upd: А вот так выглядит полутоновый рисунок с прозрачным фоном:

И ещё: для оптимизации .png'ов рекомендую таки OptiPNG - он сохраняет DPI оригинального файла (а PNGOUT нагло прописывает 300 dpi) и обработанные им файлы корректно разворачиваются в .bmp и .jpg.

Upd2: Ё-пс!.. http://ipicture.ru/ гадит в картинки даже при установленной галочке "Отключить все эффекты". Я выкладывал файл рис. 8 весом 151774 байт, а скачивается почему-то 252711 байт... :-( Кто знает более приличный картинкообменник?

2010/06/11 Книгу, иллюстрации в которой обработаны описанным способом, выложил здесь и здесь. Прошу скачивать, смотреть различными читалками и рассказывать мне о всех наступленных граблях.
Про одну граблю уже знаю - на LBook V3 под CoolReader'ом 3 и на его PC'шном эмуляторе полутоновая картинка выглядит омерзительно-однобитной. Однобитно омерзительной:

Автор CoolReader'а уже в курсе.

2010/06/12 Avisynth'овый скрипт для потрошения "подозрительных" картинок на собственно картинку и альфа-маску - вторая версия:

# интересные цвета для фона: $ff8000 - густо-оранжевый, $FF0080 - пурпурный, $8000FF - фиолетовый
function analyze( string name ) {
	bgnd = $ff8000
	imagesource(name, 0, 0, pixel_type="rgb32" )
	addborders(8,20,8,8,$80808080)
	white = last.blankclip(color=$ffffff)
	colored = last.blankclip( color=bgnd)
	stackvertical( \
		stackhorizontal( \
			white.layer(last,"add",257).subtitle("на белом фоне", align=8), \
			colored.layer(last,"add",257).subtitle("на цветном фоне", align=8) \
		), stackhorizontal( \
			resetmask().subtitle("передний план", align=8), \
			showalpha().resetmask().subtitle("альфа-канал", align=8) \
		)).resetmask()
	imagewriter( name + ".drawed.", type="png")
#	lanczos4resize(800,600)
}
analyze( "stefan_full_rgba.png" )

Примеры потрошения (в качестве цветного фона выбран густо-оранжевый):Хорошо видны характерные особенности картинок:

• рис. 10 - оригинальная картинка полностью непрозрачна, передний план идентичен оригиналу, альфа-канал полностью непрозрачен (белый);
• рис. 11 - передний план полностью чёрный (не считая надписи внизу), альфа-канал - негатив рисунка (чёрный фон, белые линии с серыми краями), оригинал прозрачен в светах, непрозрачен в тенях, полупрозрачен в серых (края линий, штриховки);
• рис. 12 - однобитная маска в альфа-канале прикрывает только фон, на светло- и средне-серых участках переднего плана (сглаженные края линий, штриховки) на белом фоне ОК, на цветном заметны серебристые ореолы;
• рис. 13 - в каком-то смысле обратен предыдущему и похож на мою технологию: основной вклад в изображение даёт маска с полутонами, а однобитный передний план прикрывает чёрным непрозрачные и полупрозрачные пиксели и открывает только полностью прозрачный фон; искажений на цветном фоне нет, а на вьюерах, не поддерживающих альфа-канал, будет видно хоть что-то;
• рис. 14 - нуу, это вообще пример творческого подхода к альфа-каналу. :)

Вместо видеоскриптов лучше сделаю программки на Си и библиотеке FreeImage (либо ImageMagick или ещё какой - пока не решил) - сначала простенькие консольные, а потом, может, и на GUI замахнусь. :) Впрочем, если кто-то успеет раньше - не обижусь. :) )

2010/06/24 Для желающих провести обратную операцию - перекодирование прозрачных и полупрозрачных картинок в непрозрачные - могу предложить слегка подправленную программу png2bmp 1.52 из пакета pngtools. Она из .png делает .bmp, по возможности сохраняя глубину цвета, палитру и т.д. Программа как перекодирует файл в файл, так и может работать фильтром, т.е. брать данные из входного потока и передавать их на выходной.
Программа - оригинальный исходник, мой патч к нему и скомпилированный .exe'шник под windows - лежит здесь: http://ifolder.ru/18286680.
Изменения заключались в добавлении в командную строку ключика "-w", по которому под прозрачную исходную картинку "подкладывается" белый фон (по умолчанию фон чёрный). Полный список ключей программа выдаёт при запуске без параметров.
Upd: более свежая версия - png2bmp 1.62 (http://cetus.sakura.ne.jp/softlab/b2p-home/) с аналогичными изменениями: http://ifolder.ru/18297804