Прозрачным рисунком считается тот, который при наложении на другой
рисунок не закрывает его.
При разработке дизайна сайта бывает необходимым создать рисунок,
который не будет полностью или частично закрывать другой рисунок, расположенный
под ним. Часто бывает необходимо, чтобы рисунок был полностью или
частично прозрачным.
Пример рисунка в
формате GIF, имеющего полностью прозрачную некоторую часть:
Тот же самый
рисунок наложен на другой полностью непрозрачный
рисунок (в данном случае, фоновый рисунок), имеющий формат GIF:
Прозрачность
рисунка означает, что все или часть пикселей данного рисунка
прозрачны.
Каждый пиксель
может быть окрашен только в какой-либо один цвет.
Степень
прозрачности пикселя может быть от 0 до 100%. Степень непрозрачности рисунка в
целом определяет:
-
Можно
ли видеть или нет другой рисунок (его часть), расположенный под
данным рисунком.
-
Степень
отчётливости (видимости) рисунка (его части), расположенного под
данным рисунком.
-
Полную прозрачность иногда называют
чёткой прозрачностью
или
прозрачностью с чёткими границами.
-
Использование рисунков, в которых имеется
частично или полностью или полностью прозрачная часть, приводит к
искажению цветопередачи рисунка на старых мониторах с устаревшими
видео-картами.
-
Полностью прозрачный рисунок невидим. Рисунки, в которых имеются частично
прозрачные пиксели, называются рисунками с переменной прозрачностью.
-
Почти все цифровые фотоаппараты позволяют
применять к сохраняемым снимкам несколько различных степеней сжатия. При этом
многие цифровые аппараты позволяют сохранять снимки в разных графических
форматах.
-
В
формате JPEG применяется схема сжатия с
потерей данных. Степень сжатия при этом может быть различной.
-
В форматах
PNG и GIF сжатие происходит
без потери данных. При сжатии с потерей данных размеры графического файла
уменьшаются в большей степени, однако при этом происходит снижение качества
сохраняемого изображения.
Сведения о возможности поддержки прозрачности наиболее популярными форматами веб-графики.
Тип
графического формата |
Поддержка
прозрачности |
Примечание |
GIF |
Поддерживает |
Переменная прозрачность не поддерживается. Возможна имитация
переменной полупрозрачности при помощи передачи полутонов |
JPEG |
Не
поддерживает |
|
PNG-8 |
Поддерживает |
Переменная полупрозрачность имитируется при помощи передачи
полутонов |
PNG-24 |
Поддерживает |
Поддерживается как полную, так и переменную прозрачность. |
WBMP |
Не
поддерживает |
|
-
В случаях,
когда необходимо сделать прозрачной часть рисунка, изначально
записанного, например, в формате JPEG, то наиболее
простой способ - сохранение его формате GIF.
-
Затем выбирается та часть рисунка, которую необходимо сделать прозрачной, и к ней
применятся полная прозрачность. Прозрачными при этом становятся только те
пиксели, которые имеют одинаковый с выбранным пикселем цвет.
Памятка
-
Заказчику
не обязательно разбираться в веб-графике и задумываться над тем,
сделать ли предоставляемые для размещения на сайте графические
материалы прозрачными полностью или частично.
-
Желательно
представить веб-дизайнеру полностью непрозрачные
рисунки формата GIF или
JPEG без выполнения их сжатия.
|