Форматы GIF и PNG предоставляют возможность сделать некоторые области изображения прозрачными, позволяя фоновому цвету просвечивать насквозь.
Существует два типа прозрачности. При бинарной прозрачности пикселы либо полностью прозрачные, либо полностью непрозрачные, это как переключатель. Файлы как формата GIF, так и формата PNG, поддерживают бинарную прозрачность.
При альфа-прозрачности (или альфа-каналах) пикселы могут быть полностью прозрачными, полностью непрозрачными или находиться на одном из 254 уровней прозрачности (всего 256 уровней). Только формат PNG поддерживает альфа-прозрачность. Преимущество таких изображений PNG заключается в том, что они сливаются воедино с любым фоновым цветом или рисунком.
Как работает бинарная прозрачность.
Помните, что цвета пикселов для файлов формата GIF и PNG-8 хранятся в индексированной таблице цветов? Прозрачность — это просто отдельный цвет, занимающий позицию в ней. Рисунок в начале статьи демонстрирует таблицу цветов в программе Photoshop для простого прозрачного файла формата GIF. В таблице индексированных цветов прозрачность выступает в роли отдельного цвета.
Слоты в цветовой таблице, которые создают прозрачность, обозначены шахматным узором. Пикселы, которые соответствуют этим позициям, автоматически будут полностью прозрачными во время демонстрации изображения в браузере. Обратите внимание, что только один слот прозрачный, все остальные цвета пикселов — нет.
Как работает альфа-прозрачность.
Изображения в режиме RGB, такие как JPEG и PNG-24, содержат цвета в отдельных каналах, один для красного, один для зеленого и один для синего. Файлы формата PNG-24 имеют еще один, добавочный, который называется альфа-канал, он служит для хранения информации о прозрачности. В этом канале каждый пиксел может демонстрировать одно из 256 значений, которое соответствует 256 уровням прозрачности при отображении графического файла.
Черные области в альфа-канале отвечают за прозрачные области в изображении; белые —за непрозрачные; а серые — за разные уровни прозрачности между ними на рисунке ниже.
Работа с прозрачностью изображений.
Информация о прозрачности хранится как отдельный (альфа) канал в 24-битном файле формата PNG.
Черные области в альфа-канале отвечают за прозрачные области в изображении; белые — за непрозрачные; а серые — за разные уровни прозрачности между ними.