Главная 
 
формат png


Графический формат PNG

Графический формат PNG - портативная сетевая графика, предназначен в первую очередь для использования на интернет страницах. При загрузке, на странице, в грубой форме, изображения появляются раньше чем аналогиичные в формате GIF. Текст на изображении, с небольшим размером букв, становится различим при загрузке 25 процентов файла, а в формате GIF при 50 процентах, что позволяет быстрее ориентироваться в содержимом страницы (к примеру, если картинка является ссылкой), и если графика на данной странице вас не интересует, не дожидаясь окончательной ее загрузки, перейти на другую страницу. Так же как и формат JPG, PNG использует сжатие информации. Имеется несколько разновидностей формата. Самой интересной и полезной особенностью формата является так называемый альфа канал - поддержка прозрачности, он имеет 255 уровней, от непрозрачного до полностью прозрачного.
COLOR_GRAYSCALE - полутоновое изображение с глубиной цвета 1,2,4,8,16 бит на точку.
COLOR_RGB цветное изображение с глубиной цвета 8,16 бит на точку.
COLOR_PALETTE - цветное изображение с использованием палитры, с глубиной цвета 1,2,4,8 бит на точку, в данной разновидности возможна частичная прозрачность (уровень прозрачности задается для любого цвета входящего в палитру).
COLOR_GRAYSCALEALPHA - полутоновое изображение с глубиной цвета 8,16 (каждая точка изображения может иметь свой уровень прозрачности).
COLOR_RGBALPHA - цветное изображение с глубиной цвета 8,16 (каждая точка изображения может иметь свой уровень прозрачности).
Механизм альфа канала состоит в смешивании изображения фона с изображением картинки, в пропорции определяемой уровнем прозрачности заданным в картинке. Файл PNG состоит из так называемых 'кусков' имеющих разный состав, в зависимости от разновидности формата, и автора создавшегог изображение. Информация в 'кусках' содержит данные о типе формата, изображение, палитру, авторскую подпись, данные уровней прозрачности для палитры, альфа маскку, время последней модификации изображения. PNG формат находится в постоянном развитии.
Следует иметь ввиду, что типы PNG использующие полную прозрачность (имеющие альфа маску) имеют недостаток - они не масштабируются, так что готовя графику для интернет страниц, позаботтесь что бы она имела нужный размер. В случае использования PNG в иных средах програмирования, о масштабировании изображений должен позаботится разработчик, стандартных путей решения этого вопроса, в интернете, мне найти не удалось, пришлось разрабатывать собственный.
Картинки формата PNG можно изготовить в фотошопе.
Очень интересным графическим редактором, работающим с векторно-растровой графикой является RealDRAW производства MediaChance www.real-draw.com, позволяющим экспортировать изображения в формат PNG, но это уже тема для другой статьи.
В первом примере Alpha, загруженная картинка формата BMP преобразуется в PNG (нижний левый пиксел картинки определяет цвет который будет прозрачным), нажав на кнопку 'PNG', вы можете ее просмотреть (но только сразу после загрузки, до нажатия кнопки 'проказать'). В поле 'прозрачность' устанавливается уровень прозрачности для всей картинки. Кликнув по кнопке 'показать' вы увидите результат.
Второй пример - Alphascale, масштабирование PNG, картинка с измененным масштабом выводится на холст формы по щелчку на кнопке 'scale' , в левый верхний угол. При следующем выводе картинка записывается поверх прежней, форма очищается по щелчку на кнопке 'очистка', перекрытии данного окна другим окном, или после востановления минимизированного окна.
На основе графики формата PNG можно разрабатывать элементы управления, обладающие множеством интересных эффектов, а также динамическую и интерактивную графику. К примеру, для Multimedia Builder, в редакторе RealDRAW разрабатываются динамические кнопки 'Alphabutton' обладающие участками с переменной прозрачностью. Однако масштабирования изображений в них нет, динамический эффект достигается за счет трех вариантов картинки разного масштаба и четвертой - определяющей прозрачные зоны для всех картинок, в результате получаем скачкообразное поведение кнопки. Если же применять масштабирование, уменьшается размер файла кнопки, и обеспечивается ее плавное изменение.
Следует заметить, что при масштабировании, (а оно проиводится системными библиотеками операционной системы, и имеет несколько режимов) происходят искажения рисунка, в зависимости от коефициентов масштабирования. Почти без искажений масштабирование происходит в Windows XP. В списке справа выбирается режим масштабирования, в полях ввода X и Y новые размеры изображения. Для наглядности показана экстрактированая альфа маска, определяющая коэфициенты прозрачности.



download
Пример Alpha_ 1520 Пример Alphascale_ 1530


e-Mail: soft3a@3a-soft.com
Новости
MMBSQLITE
MMB PLUGIN SQLITE.
Плагин баз данных sqlite.
Cтраница программы.

Локальный HTML сервер
Плагин MMB, локального HTML сервера, для использования в проектах multimedia builder, с использованием языка ммв в качестве серверного сценария.
Страница плагина

ICQ - ЧАТ клиент-сервер.
Плагин ммв для построения месенджеров чатов, конференций. С размещением на ПК пользователя, для локальных сетей и интернет.
Страница плагина.

JUKEBOX
Плагин AnimePNG
AnimePNG
Новая версия PNG плагина, с анимацией PNG изображений.
Страница плагина


Плагин MMB PIPE сервер
Плагин MMB для работы с именными каналами. Страница плагина

Партнеры
© 2002-2009 3a-soft
str x