Кодирование цвета. Оценка информационного объёма графических данных для растрового изображения
Узнаем, как компьютер кодирует цвет, что такое пиксель и глубина цвета, и научимся считать объём рисунка.
Демо-урок: попробуйте презентацию, задания и тест. Ответы проверяются, но не сохраняются.
Другие уроки и возможности
18
Урок 18
Кодирование цвета
Раздел 2. Теоретические основы информатики
Сегодня на уроке
Пиксели и растровое изображение
Модель RGB
Глубина цвета и палитра
Объём рисунка: I = K · i
🎨
Растровое изображение
Растровое изображение — сетка из маленьких точек-пикселей, у каждого свой цвет.
Разрешение — число пикселей по ширине и высоте, например 1920 × 1080. Чем больше пикселей, тем чётче картинка.
Модель RGB
R 255+G 255=жёлтыйR+B = пурпурныйG+B = голубойR+G+B = белый
Экран смешивает красный, зелёный и синий свет. Яркость каждого — от 0 до 255.
Глубина цвета и палитра
Глубина i
Цветов N = 2ⁱ
Где встречается
1 бит
2
чёрно-белый рисунок
4 бита
16
старые компьютеры
8 бит
256
простые рисунки, GIF
24 бита
16 777 216
«истинный цвет», фото
Объём рисунка
I = K · i
K — количество пикселей (ширина × высота), i — глубина цвета в битах.
Решим вместе
Рисунок 320 × 240 пикселей, палитра 256 цветов. Объём в Кбайт?
K = 320 · 240 = 76 800. i = 8 бит = 1 байт. I = 76 800 байт = 75 Кбайт.
А знаете ли вы?
Если подойти к экрану телефона с лупой (или капнуть каплю воды), увидите крошечные красные, зелёные и синие точки — субпиксели. Из них и складываются все цвета.
А знаете ли вы?
Человеческий глаз различает несколько миллионов оттенков — поэтому 24-битного цвета (16,7 млн) хватает, чтобы фото выглядели естественно.