Интернет технологии / 2014_inet_lec_10
.pdf
HSB (аналогичная аббревиатура — HSV) — цветовая модель, в которой все цвета определяются тремя координатами: цветовым тоном
(Hue), насыщенностью (Saturation) и яркостью (Brightness, или Value).
Модель HSB возникла как попытка преодолеть аппаратную зависимость модели RGB. Модель ориентирована на работу с цветопередающей аппаратурой и опирается на интуитивные понятия тона, насыщенности и яркости.
Перцепционная модель!
Достоинства:
•аппаратная независимость;
•интуитивная ясность, удобство применения и большой цветовой охват.
|
Недостаток модели: необходимость преобразования в RGB |
|||
21 |
для отображения на экране монитора или в CMYK для печати. |
|||
|
|
|
||
Курс «Интернет-технологии». Лекция 10. Графическая информация в Интернете |
||||
|
||||
HSL — цветовая модель, в которой все цвета определяются тремя координатами: цветовым тоном
(Hue), насыщенностью (Saturation) и светлотой (Lightness).
Модель HSL отличает симметричность, равноудаленность цветов в цветовой палитре и наличие правильной теории цвета (в центре модели находится нейтральный серый цвет).
HSL |
HSV |
Также перцепционная модель! |
Достоинства: |
• |
те же что и у HSV; |
||
|
|||||
|
|
|
• |
+ возможность задания |
|
22 |
|
|
|
цвета в HTML и CSS. |
|
|
|
|
|
||
Курс «Интернет-технологии». Лекция 10. Графическая информация в Интернете |
|||||
|
|||||
YCbCr — цветовая модель, в которой все цвета определяются тремя компонентами: яркости (Y); цветоразностными синей и красной (Cb и Cr).
YUV — цветовая модель, в которой все цвета определяются тремя компонентами: яркости (Y) и двумя цветоразностными (U и V).
обе модели не являются абсолютным цветовым пространством, скорее, это способ кодирования информации сигналов RGB
Когда речь идет о видео
или сигналах в цифровой форме, термин «YUV»
в основном означает
«YCbCr».
23
Яркостная компонента Y содержит изображение в оттенках серого, а оставшиеся две компоненты содержат информацию для восстановления требуемого цвета.
Плоскости CbCr при различных Y:
Y = 0% |
Y = 50% |
Y = 100% |
Курс «Интернет-технологии». Лекция 10. Графическая информация в Интернете
RGB |
HSV |
HSL |
YCbCr |
YUV |
24
Курс «Интернет-технологии». Лекция 10. Графическая информация в Интернете
Глубина цвета (качество цветопередачи, «битность» изображения) —
объем памяти в количестве бит, используемых для хранения и представления цвета при кодировании одного пикселя растровой графики или видеоизображения.
С увеличением количества бит в представлении цвета, количество отображаемых цветов становится непрактично большим для цветовых палитр (глубина цвета требует больше памяти для сохранения цветовой палитры, чем памяти для сохранения самих пикселей изображения). При большой глубине цвета
на практике обычно кодируют яркости красной, зеленой и синей составляющих — такое кодирование носит название RGB-модель.
Возможные варианты кодирования цветов:
• |
1-битный цвет (21 |
= 2 цвета) ; |
• |
12-битный цвет (212 |
= 4096 цветов); |
• |
2-битный цвет (2² = 4 цвета) ; |
• |
16-битный цвет (216 |
= 65536 цветов); |
|
• |
4-битный цвет (24 |
= 16 цветов); |
• |
24-битный цвет (224 |
= 16,7 млн цветов); |
• |
8-битный цвет (28 |
= 256 цветов); |
• |
32-битный цвет (232 |
= 4,3 млрд. цветов). |
25
Курс «Интернет-технологии». Лекция 10. Графическая информация в Интернете
1-битный цвет (бинарное изображение, bitmap )
Каждый пиксель описывается только одним битом (один из двух цветов, чаще всего — белый и черный).
4-битный цвет (ЕGA — Enhanced Graphics Adapter)
Известен как EGA и в меньшей степени как VGA-стандарт с высоким разрешением,
имеющий 16-цветную палитру.
4- и 8-битное изображения:
8-битный цвет (Grayscale)
Оттенки серого (grayscale) — 256 градаций серого цвета от полностью черного (00h) до абсолютно белого (FFh).
26
Курс «Интернет-технологии». Лекция 10. Графическая информация в Интернете
8-битный цвет (VGA — Video Graphics Array)
Сильно ограниченная, однако «реальная» цветовая схема, в которой по 3 бита (по 8 возможных значений) для красной (R) и зеленой (G) составляющих, и два оставшихся бита на пиксель для кодирования синей (B) составляющей (4 возможных значения), позволяют представить 256 (8 × 8 × 4) различных цвета. Используется полный набор цветов или палитра.
человеческий глаз менее чувствителен
ксиней составляющей, чем к красной
изеленой, поэтому синяя составляющая представляется одним битом меньше
R (3 бита) +
+G (2 бита) +
+B (2 бита) = = 8 бит
27
Курс «Интернет-технологии». Лекция 10. Графическая информация в Интернете
16-битный цвет (HighColor)
Highcolor или HiColor разработан для представления оттенков «реальной жизни», то есть наиболее удобно воспринимаемый человеческим глазом. Такой цвет кодируется 16 битами.
16-битный цвет использует 5 бит для представления красной составляющей, 5 бит для синей и 6 бит для представления зеленой составляющей соответственно. Таким образом получаются 65536 (32×64×32) цвета.
человеческий глаз более чувствителен при восприятии зеленой составляющей
R(5 бит) +
+G (6 бит) +
+B (5 бит) = = 16 бит
28
Курс «Интернет-технологии». Лекция 10. Графическая информация в Интернете
24-битный цвет (TrueColor)
TrueColor приближен к цветам «реального мира», предоставляя 16,7 миллионов различных цветов. Такой цвет наиболее приятен для восприятия человеческим глазом различных фотографий, для обработки изображений.
24-битный цвет использует по 8 бит
для представления красной, синей и зеленой составляющих, 28 = 256 различных варианта представления цвета для каждого канала, или всего
16 777 216 цветов (256×256×256).
R(8 бит) +
+G (8 бит) +
+B (8 бит) = = 24 бита
29
Курс «Интернет-технологии». Лекция 10. Графическая информация в Интернете
32-битный цвет (TrueColor)
32-битный цвет является 24-битным (Truecolor) с дополнительным 8-битным каналом, который либо заполнен нулями (не влияет на цвет), либо представляет собой альфа-канал, который задает прозрачность изображения для каждого пикселя.
«32-битный цвет» — это пример неправильного употребления термина при описании глубины цвета, так как 32-битный цвет не позволяет представить 2³² различных оттенка. В реальности это 2²4 цветовых оттенка.
R(8 бит) +
+G (8 бит) +
+B (8 бит) +
+α-канал (8 бит) = = 32 бита
Выравнивание до 4-х байт происходит для эффективного использования
32-битной архитектуры.
30
Курс «Интернет-технологии». Лекция 10. Графическая информация в Интернете