Альфа-канал

В компьютерной графике альфа-композиция обозначает процесс комбинирования изображения с фоном с целью создания эффекта частичной прозрачности. Этот метод часто применяется для многопроходной обработки изображения по частям с последующей комбинацией этих частей в единое двумерное результирующее изображение. Таким образом, альфа канал представляет собой пустое пространство, или просто прозрачность.

Термин альфа-канал впервые введён в оборот Алви Смитом в конце 1970-х и детально проработан в статье Томаса Портера и Тома Даффа 1984 года. ^[1]

В компьютерных играх, чтобы показать прозрачность того или иного объекта, используются текстуры с альфа-каналом.

Пример работы альфа-композитных операторов over, in, out, atop и xor

Содержание

1 Расчет результирующего цвета
2 Использование в web-дизайне, поддержка в формате PNG
3 Поддержка альфа-канала в формате .ico
4 Альфа-канал в CSS3 и SVG
5 Альфа-канал в Canvas
6 Примечания

[править] Расчет результирующего цвета

Расчет результирующего цвета производится по формуле: $~ ResultColor = BackColor * (1 - Transparency) + ForeColor * Transparency$ где:

BackColor - исходный цвет пикселя
ForeColor - цвет накладываемого пикселя
Transparency - прозрачность накладываемого пикселя, $Transparency \in [0..1]$

Чтобы получить результирующий цвет, эту формулу надо применить к каждому из каналов изображения.

[править] Использование в web-дизайне, поддержка в формате PNG

Альфа-канал, также известный как маска-канал, это просто способ объединить переходную прозрачность с изображением. Формат GIF поддерживает простую бинарную прозрачность (когда любой пиксель может быть либо полностью прозрачным, либо абсолютно непрозрачным). Формат PNG позволяет использовать 254 или 65534 уровня частичной прозрачности.

Все три типа PNG изображений («TrueColor», «GrayScale» и индексированная палитра) могут содержать альфа-информацию, хотя обычно она применяется лишь с «TrueColor» изображениями. Вместо того, чтобы сохранять три байта для каждого пикселя (красный, зелёный и синий, RGB), сохраняются четыре: красный, зелёный, синий и альфа, таким образом получается RGBA.

Такая переходная прозрачность позволяет создавать «спецэффекты», хорошо выглядящие на любом фоне. Например, эффекта фотовиньетки, для портрета, можно добиться путём установки полностью непрозрачной центральной области (то есть для лица и плеч), прозрачной остальной обстановки и с созданием плавного перехода между двумя этими различными областями. Соответственно, портрет будет плавно осветляться на белом фоне, и затемняться на чёрном. Ещё один спецэффект с прозрачностью в это отбрасывание тени.

Прозрачность наиболее важна для маленьких изображений, обычно используемых на web-страницах, вроде цветных (круглых) маркеров или причудливого текста. Альфа-смешивание позволяет использовать другой эффект, а именно сглаживание (anti-aliasing), создавая иллюзию гладких кривых на сетке прямоугольных пикселей, плавно изменяя их цвета, что позволяет добиться округлых изображений, хорошо отображаемых как на белом, так и на любом другом фоне. Таким образом одно и то же изображение может быть многократно использовано в нескольких местах без «призрачного» эффекта, свойственного GIF-изображениям. ^[2]

[править] Поддержка альфа-канала в формате .ico

Windows XP поддерживает 32-битные значки (иконки) в 24-бита цвета RGB и 8-битный альфа канал. Это позволяет отображать значки со сглаженными (размытыми) краями и тенью, которые сочетаются с любым фоном.

[править] Альфа-канал в CSS3 и SVG

CSS3, также, позволяет использовать цветовую модель rgba и hsla, где значение альфа принимает от 0 до 1 (рациональные числа). Также существует параметр прозрачности в Opacity. Альфа-канал также используется в SVG.

[править] Альфа-канал в Canvas

Применение альфа-канала также возможно в Canvas. Например для полупрозрачности фигур или изображений.

[править] Примечания

в‘ Thomas Porter and Tom Duff, Compositing Digital Images, Computer Graphics, 18(3), July 1984, 253-259. DOI:10.1145/800031.808606
в‘ rus-linux.net (лицензия GFDL)

Это заготовка статьи о компьютерах. Вы можете помочь проекту, исправив и дополнив её.
Это примечание по возможности следует заменить более точным.

[0] в‘ Thomas Porter and Tom Duff, Compositing Digital Images, Computer Graphics, 18(3), July 1984, 253-259. DOI:10.1145/800031.808606

[1] в‘ rus-linux.net (лицензия GFDL)

[1]

[2]

Альфа-канал

Содержание

[править] Расчет результирующего цвета

[править] Использование в web-дизайне, поддержка в формате PNG

[править] Поддержка альфа-канала в формате .ico

[править] Альфа-канал в CSS3 и SVG

[править] Альфа-канал в Canvas

[править] Примечания

Личные инструменты

Пространства имён

Варианты

Просмотры

Действия

Поиск

Навигация

Участие

Печать/экспорт

Инструменты

На других языках