Формирование изображения на экране

Изображение на экране из пикселей и цветов RGB

Посмотри на экран близко-близко — увидишь, что картинка собрана из крошечных цветных точек. Разберёмся, как из них получается изображение и откуда берутся миллионы цветов.

Чему ты научишься. объяснять, как картинка складывается из пикселей, называть цвета модели RGB и считать число цветов по формуле N = 2 в степени i.

Изображение из точек-пикселей

Картинка вблизи распадается на пиксели

Изображение на экране состоит из отдельных точек — пикселей. Они выстроены в строки и заполняют весь экран. Чем больше точек, тем детальнее картинка.

Приблизим уголок картинки — видны отдельные пиксели:
   ▢ ▢ ▢ ▢ ▢ ▢
   ▢ ▢ ■ ■ ▢ ▢     каждый квадратик — пиксель,
   ▢ ■ ■ ■ ■ ▢     у каждого свой цвет
   ▢ ▢ ■ ■ ▢ ▢

Пространственное разрешение монитора — это сколько всего пикселей в изображении. Считается как количество строк × количество точек в строке. Больше разрешение — чётче картинка.

Откуда берётся цвет

Цвет каждого пикселя получается смешением трёх базовых цветов — это цветовая модель RGB (Red — красный, Green — зелёный, Blue — синий).

Модель RGB — любой цвет из трёх базовых:
   красный + зелёный + синий   →   нужный цвет
   (R)        (G)       (B)

Глубина цвета и число цветов

Глубина цвета: 1, 4, 8, 24 бита дают 2, 16, 256 и более 16 миллионов цветов

Глубина цвета — это длина двоичного кода, которым закодирован цвет одного пикселя. Сколько цветов можно показать, зависит от глубины по уже знакомой формуле (как в Главе 1):

Число цветов N от глубины цвета i (бит):   N = 2^i
   i = 1  → 2 цвета        i = 4  → 16 цветов
   i = 8  → 256 цветов     i = 24 → больше 16 миллионов

Монитор и видеокарта (видеопамять + видеопроцессор) вместе образуют видеосистему компьютера — она и рисует картинку на экране.

Контрольный вопрос. Из чего складывается изображение на экране монитора?

Апиксели
Ббуквы
Вфайлы
Гзначки

Подсказка: Крошечные цветные точки, выстроенные в строки.

Онлайн-проверка ответа появится позже

Контрольный вопрос. Отметь три базовых цвета цветовой модели RGB.

Выберите все верные варианты.

Акрасный
Бзелёный
Всиний
Гчёрный
Дкоричневый

Подсказка: R, G, B по-английски.

Онлайн-проверка ответа появится позже

Контрольный вопрос. Общее число пикселей изображения (количество строк × точек в строке) называется… разрешением. Впиши слово перед «разрешение».

Подсказка: Оно про размещение точек в пространстве экрана.

Онлайн-проверка ответа появится позже

Контрольный вопрос. Длина двоичного кода, которым закодирован цвет одного пикселя, называется…

Аглубина цвета
Бпространственное разрешение
Ввидеосистема

Подсказка: От неё зависит, сколько всего цветов можно показать.

Онлайн-проверка ответа появится позже

Контрольный вопрос. Монитор и видеокарта (видеопамять и видеопроцессор) вместе образуют…

Авидеосистему
Боперационную систему
Вкодовую таблицу

Подсказка: Она рисует картинку на экране.

Онлайн-проверка ответа появится позже

Контрольный вопрос. R, G, B в названии цветовой модели — первые буквы английских слов Red, Green и… Впиши слово.

Подсказка: Третий базовый цвет модели — синий.

Онлайн-проверка ответа появится позже

Задание. Глубина цвета равна 4 бита. Сколько всего цветов можно закодировать? Используй формулу N = 2 в степени i. Впиши только число.

Подсказка: Посмотри в таблицу N=2^i из урока.

✅ Готово, если: ты ввёл(а) верный ответ, и онлайн-проверка его приняла.

Онлайн-проверка ответа появится позже

Контрольный вопрос. Глубина цвета равна 8 бит. Сколько всего цветов можно закодировать? Впиши число.

Подсказка: Найди в таблице урока значение при i=8.

Онлайн-проверка ответа появится позже

Контрольный вопрос. У монитора А разрешение 1000×500 точек. У монитора Б — 2000×1000 точек. У какого из них картинка будет более детальной?

Ау монитора Б
Бу монитора А
Водинаково детально

Подсказка: Чем больше пикселей — тем чётче изображение.

Онлайн-проверка ответа появится позже

Задание. Проектное задание. Найди в настройках экрана своего устройства (телефон или компьютер) разрешение экрана (например, 1920×1080).
1) Посчитай общее число пикселей экрана (перемножь числа).
2) Если глубина цвета не показана в настройках, предположи типичную для современных экранов — 24 бита — и посчитай, сколько цветов доступно по формуле N = 2 в степени i.
Ответ пришли текстом с расчётами. Проверит преподаватель.

Подсказка: Разрешение экрана телефона обычно смотрят в разделе «О телефоне» или «Дисплей» настроек.

Онлайн-проверка ответа появится позже

Итог. Изображение на экране собрано из точек-пикселей, а цвет каждого получается смешением трёх базовых цветов RGB — красного, зелёного и синего. Сколько всего цветов, зависит от глубины цвета по формуле N = 2 в степени i.

Что дальше

Картинка из пикселей — это один способ хранить графику. Но есть и другой. О растровой и векторной графике — следующий урок.

Назад  ·  ↑ В начало урока  ·  ⌂ В начало курса  ·  Вперёд →

Школа Виктора Комлева