К.Ю. Поляков, Е.А. Ерёмин, Кодирование графической информации
Кодирование информации, 10 класс К.Ю. Поляков, Е.А. Ерёмин, Растровое кодирование 2 Пиксель – это наименьший элемент рисунка, для которого можно задать свой цвет. дискретизация пиксель Растровое изображение – это изображение, которое кодируется как множество пикселей. Рисунок искажается! !
Кодирование информации, 10 класс К.Ю. Поляков, Е.А. Ерёмин, Растровое кодирование A FF 42 5A 7E 1A2642FF425A5A7E 16
Кодирование информации, 10 класс К.Ю. Поляков, Е.А. Ерёмин, Задача 4 Закодируйте рисунок с помощью шестнадцатеричного кода:
Кодирование информации, 10 класс К.Ю. Поляков, Е.А. Ерёмин, Разрешение 5 Разрешение – это количество пикселей, приходящихся на дюйм размера изображения. ppi = pixels per inch, пикселей на дюйм 300 ppi96 ppi48 ppi24 ppi печать экран 1 дюйм = 2,54 см
Кодирование информации, 10 класс К.Ю. Поляков, Е.А. Ерёмин, Разрешение 6 Задача 1. Какой размер в пикселях должен иметь закодированный рисунок с разрешением 300 ppi, чтобы с него можно было сделать отпечаток размером 10×15 см? высота 10 см × 300 пикселей 2,54 см 1181 пиксель ширина 15 см × 300 пикселей 2,54 см 1771 пиксель
Кодирование информации, 10 класс К.Ю. Поляков, Е.А. Ерёмин, Разрешение 7 Задача 2. Закодированный рисунок имеет размеры 5760 × 3840 пикселей и разрешение 600 ppi. Какой размер будет у изображения, отпечатанного на принтере? ширина 5760 пикселей × 2,54 см 600 пикселей 24,4 см высота 3840 пикселей × 2,54 см 600 пикселей 16,3 см
Кодирование информации, 10 класс К.Ю. Поляков, Е.А. Ерёмин, Кодирование цвета Как выводить на монитор цвет с кодом 00? ? Как закодировать цвет в виде чисел? ?
Кодирование информации, 10 класс К.Ю. Поляков, Е.А. Ерёмин, Теория цвета Юнга-Гельмгольца 9 Свет любой длины волны можно заменить на красный, зелёный и синий лучи! ! , нм чувствительность три типа «колбочек»
Кодирование информации, 10 класс К.Ю. Поляков, Е.А. Ерёмин, Цветовая модель RGB 10 Д. Максвелл, 1860 цвет = ( R, G, B ) red красный blue синий green зеленый (0, 0, 0) (255, 255, 255) (255, 0, 0) (0, 255, 0) (255, 255, 0) (0, 0, 255) (255, 150, 150)(100, 0, 0) Сколько разных цветов можно кодировать? ? 256·256·256 = (True Color, «истинный цвет») RGB – цветовая модель для устройств, излучающих свет (мониторов)! !
Кодирование информации, 10 класс К.Ю. Поляков, Е.А. Ерёмин, Цветовая модель RGB 11 RGBВеб-страница (0, 0, 0) # (255,255,255) #FFFFFF (255, 0, 0) #FF0000 (0, 255, 0) #00FF00 (0, 0, 255) #0000FF (255, 255, 0) #FFFF00 (204,204,204) #CCCCCC (255, 255, 0) #FFFF00
Кодирование информации, 10 класс К.Ю. Поляков, Е.А. Ерёмин, Задачи 12 Постройте шестнадцатеричные коды: RGB (100, 200, 200) RGB (30, 50, 200)
Кодирование информации, 10 класс К.Ю. Поляков, Е.А. Ерёмин, Глубина цвета 13 Сколько памяти нужно для хранения цвета 1 пикселя в режиме True Color? ? R G B: 24 бита = 3 байта R (0..255)256 = 2 8 вариантов 8 битов = 1 байт Глубина цвета это количество битов, используемое для кодирования цвета пикселя. True Color (истинный цвет) Задача. Определите размер файла, в котором закодирован растровый рисунок размером 20×30 пикселей в режиме истинного цвета (True Color)? байта = 1800 байт
Кодирование информации, 10 класс К.Ю. Поляков, Е.А. Ерёмин, Кодирование с палитрой 14 Как уменьшить размер файла? ? уменьшить разрешение уменьшить глубину цвета снижается качество Цветовая палитра – это таблица, в которой каждому цвету, заданному в виде составляющих в модели RGB, сопоставляется числовой код.
Кодирование информации, 10 класс К.Ю. Поляков, Е.А. Ерёмин, Кодирование с палитрой цвет 00 2 цвет 01 2 цвет 10 2 цвет Палитра: Какая глубина цвета? ? Сколько занимает палитра? ? 2 бита на пиксель 3 4 = 12 байтов
Кодирование информации, 10 класс К.Ю. Поляков, Е.А. Ерёмин, Кодирование с палитрой 16 Шаг 1. Выбрать количество цветов: 2, 4, … 256. Шаг 2. Выбрать 256 цветов из палитры: Шаг 3. Составить палитру (каждому цвету – номер ) палитра хранится в начале файла … Шаг 4. Код пикселя = номеру его цвета в палитре …1223
Кодирование информации, 10 класс К.Ю. Поляков, Е.А. Ерёмин, Кодирование с палитрой 17 Файл с палитрой: палитра коды пикселей Количество цветов Размер палитры (байтов) Глубина цвета (битов на пиксель) К=2 i, где К – количество цветов, i – глубина цвета
Кодирование информации, 10 класс К.Ю. Поляков, Е.А. Ерёмин, Вычисление информационного объема графического файла 18 I = M*N*i, где M * N – размер изображения (количество точек по горизонтали и вертикали), i – глубина цвета
Кодирование информации, 10 класс К.Ю. Поляков, Е.А. Ерёмин, Конец фильма ПОЛЯКОВ Константин Юрьевич д.т.н., учитель информатики ГБОУ СОШ 163, г. Санкт-Петербург ЕРЕМИН Евгений Александрович к.ф.-м.н., доцент кафедры мультимедийной дидактики и ИТО ПГГПУ, г. Пермь
Кодирование информации, 10 класс К.Ю. Поляков, Е.А. Ерёмин, Источники иллюстраций авторские материалы