Меню
Разработки
Разработки  /  Информатика  /  Презентации  /  9 класс  /  Кодирование графической информации

Кодирование графической информации

В презентации рассматриваются такие подтемы, как пространственная дискретизация, глубина цвета, формирование растрового изображения на экране монитора, палитра цветов, системы цветопередачи. Даются определения понятий графическая информация, пиксель, растровое изображение, разрешающая способность, информационный объем видеопамяти, формирование цвета. Рассказываются про три системы цветопередачи: RGB, CMYK и HSB.
15.08.2013

Описание разработки

Презентация содержит 34 слайда.

Презентация Кодирование графической информации

Пространственная дискретизация – процесс разбиения на отдельные элементы (точки или пиксели), причем каждый элемент имеет свой цвет (красный, синий, зеленый и т.д.).

Пиксель – минимальный участок изображения, для которого независимым образом можно задать цвет.

Растровое изображение – графическая информация, формируемая из определенного количества строк, содержащих определенное количество точек.

Разрешающая способность – количество точек по горизонтали и по вертикали на единицу длины изображения.

Величина разрешающей способности измеряется в dpi (dot per inch – точек на дюйм), т.е. кол-во точек в изображении длиной один дюйм (1 дюйм = 2,54 см).

Палитра цветов – набор цветов, в которые могут быть окрашены точки изображения.

Глубина цвета – количество информации, которое используется для кодирования цвета точки изображения.

Содержимое разработки

Кодирование графической информации.

Кодирование графической информации.

Пространственная дискретизация.

Пространственная дискретизация.

Графическая информация Дискретная форма представления (изображение, напечатанное с помощью струйного принтера и состоящее из отдельных точек разного цвета) Аналоговая форма представления (живописное полотно, цвет которого изменяется непрерывно)

Графическая информация

Дискретная форма представления

(изображение, напечатанное с помощью струйного принтера и состоящее из отдельных точек разного цвета)

Аналоговая форма представления

(живописное полотно, цвет которого изменяется непрерывно)

Пространственная дискретизация – процесс разбиения на отдельные элементы (точки или пиксели ), причем каждый элемент имеет свой цвет (красный, синий, зеленый и т.д.)

Пространственная дискретизация

процесс разбиения на отдельные элементы (точки или пиксели ), причем каждый элемент имеет свой цвет (красный, синий, зеленый и т.д.)

Пиксель – минимальный участок изображения, для которого независимым образом можно задать цвет.

Пиксель – минимальный участок изображения, для которого независимым образом можно задать цвет.

Растровое изображение – графическая информация, формируемая из определенного количества строк, содержащих определенное количество точек.

Растровое изображение

графическая информация, формируемая из определенного количества строк, содержащих определенное количество точек.

Разрешающая способность – количество точек по горизонтали и по вертикали на единицу длины изображения. Величина разрешающей способности измеряется в dpi (dot per inch – точек на дюйм), т.е. кол-во точек в изображении длиной один дюйм (1 дюйм = 2,54 см).

Разрешающая способность

количество точек по горизонтали и по вертикали на единицу длины изображения.

Величина разрешающей способности измеряется в dpi (dot per inch – точек на дюйм), т.е. кол-во точек в изображении длиной один дюйм (1 дюйм = 2,54 см).

Разрешающая способность сканера 1200 × 1200 dpi 1 – оптическое разрешение  – количество светочувствительных элементов на одном дюйме. 2 – аппаратное разрешение – количество «микрошагов», которое может сделать полоска светочувствительных элементов, перемещаясь на один дюйм вдоль изображения.

Разрешающая способность сканера

1200 × 1200 dpi

1 – оптическое разрешение – количество светочувствительных элементов на одном дюйме.

2 – аппаратное разрешение – количество «микрошагов», которое может сделать полоска светочувствительных элементов, перемещаясь на один дюйм вдоль изображения.

Глубина цвета Палитра цветов – набор цветов, в которые могут быть окрашены точки изображения. N=2 I 2=2 I →  2 1 =2 I →   I=1 бит

Глубина цвета

Палитра цветов – набор цветов, в которые могут быть окрашены точки изображения.

N=2 I

2=2 I → 2 1 =2 I → I=1 бит

Глубина цвета – количество информации, которое используется для кодирования цвета точки изображения.

Глубина цвета – количество информации, которое используется для кодирования цвета точки изображения.

Глубина цвета, I (битов) Количество цветов в палитре, N 4 2 4 = 16 8 2 8 = 256 16 2 16 = 65 536 24 2 24 = 16 777 216

Глубина цвета, I (битов)

Количество цветов в палитре, N

4

2 4 = 16

8

2 8 = 256

16

2 16 = 65 536

24

2 24 = 16 777 216

Растровые изображения на экране монитора

Растровые изображения на экране монитора

I п =I × X × Y I п – информационный объем видеопамяти I – глубина цвета в битах на точку X × Y – количество точек изображения ( X – по горизонтали, Y – по вертикали).

I п =I × X × Y

I п – информационный объем видеопамяти

I – глубина цвета в битах на точку

X × Y – количество точек изображения ( X – по горизонтали, Y – по вертикали).

Необходимый объем видеопамяти для графического режима с пространственном разрешением 800  600 точек и глубиной цвета 24 бита равен: I п =I × X × Y= 24 бита × 800 × 600 = 11 520 000 бит = 1 440 000 байт = 1 406,25 Кбайт ≈ 1,37 Мбайт.

Необходимый объем видеопамяти для графического режима с пространственном разрешением 800  600 точек и глубиной цвета 24 бита равен:

I п =I × X × Y= 24 бита × 800 × 600 = 11 520 000 бит = 1 440 000 байт = 1 406,25 Кбайт ≈ 1,37 Мбайт.

Палитры цветов

Палитры цветов

Разложение белого света в спектр

Разложение белого света в спектр

Палитра цветов в системе цветопередачи RGB

Палитра цветов в системе цветопередачи RGB

RGB = R (red)+ G (green) + B (blue) Формирование цвета – сложение базовых цветов Color = R + G + B, 0  R  R max , 0  G  G max , 0  B  B max .

RGB = R (red)+ G (green) + B (blue)

Формирование цвета – сложение базовых цветов

Color = R + G + B,

0 R R max , 0 G G max , 0 B B max .

Цвет Формирование цвета Черный Black=0+0+0 Белый White=R max +G max +B max Красный Red=R max +0+0 Зеленый Green=0+G max +0 Синий Blue=0+0+B max Голубой Cyan=0+G max +B max Пурпурный Magenta=R max +0+B max Желтый Yellow=R max +G max +0

Цвет

Формирование цвета

Черный

Black=0+0+0

Белый

White=R max +G max +B max

Красный

Red=R max +0+0

Зеленый

Green=0+G max +0

Синий

Blue=0+0+B max

Голубой

Cyan=0+G max +B max

Пурпурный

Magenta=R max +0+B max

Желтый

Yellow=R max +G max +0

В системе цветопередачи RGB палитра цветов формируется путем сложения красного, зеленого и синего цветов.

В системе цветопередачи RGB палитра цветов формируется путем сложения красного, зеленого и синего цветов.

Цвет Двоичный и десятичный коды интенсивности базовых цветов красный Черный Красный 00000000 11111111 Зеленый зеленый 0 00000000 00000000 255 Синий синий 00000000 00000000 0 0 Голубой 0 Пурпурный 00000000 11111111 00000000 0 Желтый 255 0 00000000 11111111 00000000 0 Белый 00000000 11111111 0 255 0 11111111 0 11111111 255 00000000 11111111 255 11111111 0 255 255 11111111 11111111 255 255 11111111 00000000 255 255 0 11111111 255

Цвет

Двоичный и десятичный коды интенсивности базовых цветов

красный

Черный

Красный

00000000

11111111

Зеленый

зеленый

0

00000000

00000000

255

Синий

синий

00000000

00000000

0

0

Голубой

0

Пурпурный

00000000

11111111

00000000

0

Желтый

255

0

00000000

11111111

00000000

0

Белый

00000000

11111111

0

255

0

11111111

0

11111111

255

00000000

11111111

255

11111111

0

255

255

11111111

11111111

255

255

11111111

00000000

255

255

0

11111111

255

Палитра цветов в системе цветопередачи CMYK

Палитра цветов в системе цветопередачи CMYK

CMYK = Cyan (голубой) + Magenta (пурпурный) + Yellow (желтый) Цвет в палитре CMYK формируется путем наложения красок базовых цветов. Color = C + M + Y, 0%  C  100%, 0%  M  100%, 0%  Y  100% K – black.

CMYK = Cyan (голубой) + Magenta (пурпурный) + Yellow (желтый)

Цвет в палитре CMYK формируется путем наложения красок базовых цветов.

Color = C + M + Y,

0%  C  100%, 0%  M  100%, 0%  Y  100%

K – black.

Цвет Формирование цвета Черный Black=C+M+Y=W-G-B-R Белый White=(C=0, M=0, Y=0) Красный Red=Y+M=W-G-B Зеленый Green=Y+C=W-R-B Синий Blue=M+C=W-R-G Голубой Cyan=W-R=G+B Пурпурный Magenta=W-G=R+B Желтый Yellow=W-B=R+G

Цвет

Формирование цвета

Черный

Black=C+M+Y=W-G-B-R

Белый

White=(C=0, M=0, Y=0)

Красный

Red=Y+M=W-G-B

Зеленый

Green=Y+C=W-R-B

Синий

Blue=M+C=W-R-G

Голубой

Cyan=W-R=G+B

Пурпурный

Magenta=W-G=R+B

Желтый

Yellow=W-B=R+G

В системе цветопередачи CMYK палитра цветов формируется путем наложения голубой, пурпурной, желтой и черной красок.

В системе цветопередачи CMYK палитра цветов формируется путем наложения голубой, пурпурной, желтой и черной красок.

Палитра цветов в системе цветопередачи HSB

Палитра цветов в системе цветопередачи HSB

HSB = Hue (оттенок цвета) + Saturation (Насыщенность) + Brightness (Яркость)

HSB = Hue (оттенок цвета) + Saturation (Насыщенность) + Brightness (Яркость)

Оттенок цвета (H=0 – красный, H=120 – зеленый, H=240 – синий, H=360 - фиолетовый) Насыщенность (S=0% - белый цвет, S=100% - «чистый» оттенок) Яркость (B=0 – черный цвет, B=100 – максимальная яркость выбранного оттенка цвета)
  • Оттенок цвета

(H=0 – красный, H=120 – зеленый, H=240 – синий, H=360 - фиолетовый)

  • Насыщенность

(S=0% - белый цвет, S=100% - «чистый» оттенок)

  • Яркость

(B=0 – черный цвет, B=100 – максимальная яркость выбранного оттенка цвета)

В системе цветопередачи HSB палитра цветов формируется путем установки значений оттенка цвета, насыщенности и яркости.

В системе цветопередачи HSB палитра цветов формируется путем установки значений оттенка цвета, насыщенности и яркости.

http:// yandex.ru/yandsearch?clid=9582&text=rgb&lr=213

http:// yandex.ru/yandsearch?clid=9582&text=rgb&lr=213

-80%
Курсы дополнительного образования

Основы HTML

Продолжительность 72 часа
Документ: Cвидетельство о прохождении курса
4000 руб.
800 руб.
Подробнее
Скачать разработку
Сохранить у себя:
Кодирование графической информации (0.62 MB)

Комментарии 0

Чтобы добавить комментарий зарегистрируйтесь или на сайт