SlideShare a Scribd company logo
1 of 17
Двоичное кодирование
графической информации
в компьютере




                www.themegallery.com
                                       LOGO
Пространственная
дискретизация
 В процессе кодирования
  изображения производится его
  пространственная дискретизация.
 изображение разбивается на
  отдельные маленькие фрагменты
  (точки или пиксели).
 каждому элементу присваивается
  значение его цвета, т.е. код цвета.



                            www.themegallery.com   LOGO
 В результате пространственной
  дискретизации графическая
  информация представляется в виде
  растрового изображения, которое
             изображения
  формируется из определенного
  количества строк, которые содержат
  определенное количество точек
 Пиксель – это минимальный участок
  изображения, для которого
  независимым образом можно задать
  цвет.

                          www.themegallery.com   LOGO
Качество кодирования
изображения зависит от:
                    от


размера точки
количества цветов




                  www.themegallery.com   LOGO
Объем растрового изображения
определяется как произведение
количества точек и информационного
объема одной точки.
Vi = M×i, где M- количество точек, i –
информационный объем 1 точки

Информационный объем одной точки
зависит от количества возможных
цветов
N = 2i ,где N – количество цветов, i -
информационный объем 1 точки


                                 www.themegallery.com   LOGO
Таблица зависимости
 информационного объема 1 точки
 от количества цветов от
  N –количество цветов       i – количество бит
черно-белое изображение 1 бит (две цифры 0 и 1)
8 цветов (оттенки серого) 3 бита
16 цветов                4 бита
256 цветов               8 битов (1байт)
65 536 цветов            16 бит (2 байта)
16,5 млн.цветов          24 бита (3 байта)



                                   www.themegallery.com   LOGO
 Цветные изображения формируются с
  двоичным кодом цвета каждой точки,
  хранящимся в видеопамяти.
 Цветные изображения могут иметь
  различную глубину цвета, которая
  задается используемым количеством
  бит для кодирования цвета точки
 Качество изображения определяется
  разрешающей способностью экрана и
  глубиной цвета.


                         www.themegallery.com   LOGO
Цветное изображение на экране
монитора формируется за счет
смешивания трех базовых цветов:
красного (R), зеленого(G) и синего(B).
Если мы кодируем цвет точки с
помощью трех байтов, то первый байт
выделяется красной составляющей,
второй- зеленой, а третий – синей.
Чем больше значение байта цветовой
составляющей, тем ярче этот цвет.



                           www.themegallery.com   LOGO
Кодировка различных цветов
Белый цвет     все цветовые составляющие имеют           255, 255, 255
               полную яркость
Черный цвет    отсутствуют все цветовые                  0, 0, 0
               составляющие

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

Красный цвет   все составляющие, кроме красной           255, 0, 0
               отсутствуют (например, темно-красный
               или ярко-красный)
Синий цвет     аналогично                                0, 0, 255

Зеленый цвет   аналогично                                0, 255, 0




                                                  www.themegallery.com   LOGO
Кодировка различных цветов
                              красный (255, 0, 0)
желтый (255, 255, 0)
                                  пурпурный (255, 0, 255)
белый (255,255,255)


                                     синий (0, 0, 255)
зеленый (0, 255, 0)

                  голубой (0, 255, 255)


            Десятичный код цвета преобразуется в
            соответствующий двоичный код, тогда
            интенсивность цвета задается кодами от
            00000000 до 11111111.
                                          www.themegallery.com   LOGO
 При печати изображений на
  принтерах используется палитра
  цветов в системе CMYK.
                   CMYK
 Изображение формируется путем
  наложения голубой, пурпурной,
              голубой пурпурной
  желтой и черной красок.




                         www.themegallery.com   LOGO
Объем видеопамяти
 Для того, чтобы на экране монитора
  формировалось изображение,
  информация о каждой его точке должна
  храниться в видеопамяти компьютера.
 Объем видеопамяти для графического
  режима с разрешением M на N точек и
  глубиной цвета i бит на точку:
                Vвп = M×N×i




                            www.themegallery.com   LOGO
 Всего точек на экране: 800 х 600 =
  480000.
 Объем видеопамяти: 24 бит х
  480000 = 11520000 бит = 1440000
  байт= 1406,25 Кбайт = 1,37 Мбайт.
 Аналогично рассчитывается
  необходимый объем видеопамяти
  для других графических режимов.




                       www.themegallery.com   LOGO
Задачи:
1. В процессе преобразования растрового
   графического изображения количество
   цветов уменьшилось с 65 536 до 16. Во
   сколько раз уменьшился его
   информационный объем?
Решение:
 65 536 цветов – 2 байта
 16 цветов – 4 бита
 2 байта = 16 бит, 16:4=4
Ответ: в 4 раза.



                              www.themegallery.com   LOGO
2. Черно-белое растровое изображение (без
  градации серого) имеет размер 10 х 10
  точек. Какой информационный объем
  имеет изображение?
Решение:
 2 цвета, глубина цвета точки – 1 бит,
 1бит х 10 х 10 = 100 бит
Ответ: 100 бит




                              www.themegallery.com   LOGO
3. Цветное с палитрой из 256 цветов
  растровое графическое
  изображение имеет размер 10 х 10
  точек. Какой информационный
  объем имеет изображение?

      (Решите самостоятельно)




                          www.themegallery.com   LOGO
Домашнее задание
 Ответить на вопросы:
2.Какие недостатки растровых
  изображений?
3.Назначение растровых графических
  редакторов.
4.Какие существуют форматы
  графических файлов и что они
  означают?




                        www.themegallery.com   LOGO

More Related Content

Viewers also liked

Fil12 cc leelimrobesrosalessembranotouy
Fil12 cc leelimrobesrosalessembranotouyFil12 cc leelimrobesrosalessembranotouy
Fil12 cc leelimrobesrosalessembranotouyCamz Rosales
 
Isic presentation 2011 tv
Isic presentation 2011 tvIsic presentation 2011 tv
Isic presentation 2011 tvdracumin91
 
Mykonos лучший способ защитить ваш web сайт и web-приложение от атак
Mykonos лучший способ защитить ваш web сайт и web-приложение от атакMykonos лучший способ защитить ваш web сайт и web-приложение от атак
Mykonos лучший способ защитить ваш web сайт и web-приложение от атакSergii Liventsev
 
Program diet 13 hari
Program diet 13 hariProgram diet 13 hari
Program diet 13 harianita sriwaty
 
"La distruzione dello stato sociale attraverso la catastrofe delle liberalizz...
"La distruzione dello stato sociale attraverso la catastrofe delle liberalizz..."La distruzione dello stato sociale attraverso la catastrofe delle liberalizz...
"La distruzione dello stato sociale attraverso la catastrofe delle liberalizz...NoBigBanks.it
 
London Flower Show
London Flower ShowLondon Flower Show
London Flower Showalbanbytyqi
 
Asepeyo. guia absentismo.
Asepeyo. guia absentismo.Asepeyo. guia absentismo.
Asepeyo. guia absentismo.R R.
 
Olimpic postcards prezentacja
Olimpic postcards prezentacjaOlimpic postcards prezentacja
Olimpic postcards prezentacjagosiak60
 
#Solar mooc problem set 1 alternate exercise 1 solution.
#Solar mooc problem set 1 alternate exercise 1 solution.#Solar mooc problem set 1 alternate exercise 1 solution.
#Solar mooc problem set 1 alternate exercise 1 solution.solpowerpeople
 
Ameril herzallah ludevese_nicomel_rifai (applied statistics project)
Ameril herzallah ludevese_nicomel_rifai (applied statistics project)Ameril herzallah ludevese_nicomel_rifai (applied statistics project)
Ameril herzallah ludevese_nicomel_rifai (applied statistics project)Mohamed Herzallah
 
Tĩnh tâm SV Lạc Đạo Tuần II
Tĩnh tâm SV Lạc Đạo Tuần IITĩnh tâm SV Lạc Đạo Tuần II
Tĩnh tâm SV Lạc Đạo Tuần IIphamvanquan92
 

Viewers also liked (20)

Fil12 cc leelimrobesrosalessembranotouy
Fil12 cc leelimrobesrosalessembranotouyFil12 cc leelimrobesrosalessembranotouy
Fil12 cc leelimrobesrosalessembranotouy
 
Isic presentation 2011 tv
Isic presentation 2011 tvIsic presentation 2011 tv
Isic presentation 2011 tv
 
Sae2
Sae2Sae2
Sae2
 
Mykonos лучший способ защитить ваш web сайт и web-приложение от атак
Mykonos лучший способ защитить ваш web сайт и web-приложение от атакMykonos лучший способ защитить ваш web сайт и web-приложение от атак
Mykonos лучший способ защитить ваш web сайт и web-приложение от атак
 
Program diet 13 hari
Program diet 13 hariProgram diet 13 hari
Program diet 13 hari
 
MAD_Power Point_
MAD_Power Point_MAD_Power Point_
MAD_Power Point_
 
Ingles
InglesIngles
Ingles
 
"La distruzione dello stato sociale attraverso la catastrofe delle liberalizz...
"La distruzione dello stato sociale attraverso la catastrofe delle liberalizz..."La distruzione dello stato sociale attraverso la catastrofe delle liberalizz...
"La distruzione dello stato sociale attraverso la catastrofe delle liberalizz...
 
Ingles
InglesIngles
Ingles
 
Metricas
MetricasMetricas
Metricas
 
London Flower Show
London Flower ShowLondon Flower Show
London Flower Show
 
Dr. Noble Irwin Regional Healthcare Foundation Inc.
Dr. Noble Irwin Regional Healthcare Foundation Inc.Dr. Noble Irwin Regional Healthcare Foundation Inc.
Dr. Noble Irwin Regional Healthcare Foundation Inc.
 
Asepeyo. guia absentismo.
Asepeyo. guia absentismo.Asepeyo. guia absentismo.
Asepeyo. guia absentismo.
 
A divine devotion
A divine devotionA divine devotion
A divine devotion
 
Getting started
Getting startedGetting started
Getting started
 
Olimpic postcards prezentacja
Olimpic postcards prezentacjaOlimpic postcards prezentacja
Olimpic postcards prezentacja
 
#Solar mooc problem set 1 alternate exercise 1 solution.
#Solar mooc problem set 1 alternate exercise 1 solution.#Solar mooc problem set 1 alternate exercise 1 solution.
#Solar mooc problem set 1 alternate exercise 1 solution.
 
Ameril herzallah ludevese_nicomel_rifai (applied statistics project)
Ameril herzallah ludevese_nicomel_rifai (applied statistics project)Ameril herzallah ludevese_nicomel_rifai (applied statistics project)
Ameril herzallah ludevese_nicomel_rifai (applied statistics project)
 
Tĩnh tâm SV Lạc Đạo Tuần II
Tĩnh tâm SV Lạc Đạo Tuần IITĩnh tâm SV Lạc Đạo Tuần II
Tĩnh tâm SV Lạc Đạo Tuần II
 
SMPLS\ACX
SMPLS\ACX SMPLS\ACX
SMPLS\ACX
 

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

кодирование графики
кодирование графикикодирование графики
кодирование графикиkoralgen
 
011
011011
011JIuc
 
Кодирование графической информации
Кодирование графической информацииКодирование графической информации
Кодирование графической информацииIrina1981
 
растровое кодирование графической информации
растровое кодирование графической информациирастровое кодирование графической информации
растровое кодирование графической информацииKirrrr123
 
двоичное кодирование информации: звук, изображение, текст
двоичное кодирование информации: звук, изображение, текст двоичное кодирование информации: звук, изображение, текст
двоичное кодирование информации: звук, изображение, текст NadinFura
 
Цифровое изображение
Цифровое изображениеЦифровое изображение
Цифровое изображениеBorisovna
 
Двоичное кодирование звука, изображения
Двоичное кодирование звука, изображенияДвоичное кодирование звука, изображения
Двоичное кодирование звука, изображенияkvlar
 
Босова 3.1 (2)
Босова 3.1 (2)Босова 3.1 (2)
Босова 3.1 (2)Ivan_Ivanov
 
012
012012
012JIuc
 
графика
графикаграфика
графикаMaysnikov
 
14. компьютерная графика
14. компьютерная графика14. компьютерная графика
14. компьютерная графикаSergei Dubrov
 
Кодирование графики
Кодирование графикиКодирование графики
Кодирование графикиEvgeny Smirnov
 
Кодирование и обработка графической информации
Кодирование и обработка графической информацииКодирование и обработка графической информации
Кодирование и обработка графической информацииСергей Балан
 
Презентация на тему: Обработка графической информации
Презентация на тему: Обработка графической информацииПрезентация на тему: Обработка графической информации
Презентация на тему: Обработка графической информации2berkas
 
A photoshop (марина алексеевна)
A photoshop (марина алексеевна)A photoshop (марина алексеевна)
A photoshop (марина алексеевна)vitalik123456
 
Кодирование информации
Кодирование информацииКодирование информации
Кодирование информацииryabuha
 
Кодирование информации
Кодирование информацииКодирование информации
Кодирование информацииryabuha
 

Similar to двоичное кодирование графической информации (20)

кодирование графики
кодирование графикикодирование графики
кодирование графики
 
011
011011
011
 
Cvetmod
CvetmodCvetmod
Cvetmod
 
Компьютерная графика
Компьютерная графикаКомпьютерная графика
Компьютерная графика
 
Кодирование графической информации
Кодирование графической информацииКодирование графической информации
Кодирование графической информации
 
растровое кодирование графической информации
растровое кодирование графической информациирастровое кодирование графической информации
растровое кодирование графической информации
 
двоичное кодирование информации: звук, изображение, текст
двоичное кодирование информации: звук, изображение, текст двоичное кодирование информации: звук, изображение, текст
двоичное кодирование информации: звук, изображение, текст
 
Цифровое изображение
Цифровое изображениеЦифровое изображение
Цифровое изображение
 
378 егоров александр
378 егоров александр378 егоров александр
378 егоров александр
 
Двоичное кодирование звука, изображения
Двоичное кодирование звука, изображенияДвоичное кодирование звука, изображения
Двоичное кодирование звука, изображения
 
Босова 3.1 (2)
Босова 3.1 (2)Босова 3.1 (2)
Босова 3.1 (2)
 
012
012012
012
 
графика
графикаграфика
графика
 
14. компьютерная графика
14. компьютерная графика14. компьютерная графика
14. компьютерная графика
 
Кодирование графики
Кодирование графикиКодирование графики
Кодирование графики
 
Кодирование и обработка графической информации
Кодирование и обработка графической информацииКодирование и обработка графической информации
Кодирование и обработка графической информации
 
Презентация на тему: Обработка графической информации
Презентация на тему: Обработка графической информацииПрезентация на тему: Обработка графической информации
Презентация на тему: Обработка графической информации
 
A photoshop (марина алексеевна)
A photoshop (марина алексеевна)A photoshop (марина алексеевна)
A photoshop (марина алексеевна)
 
Кодирование информации
Кодирование информацииКодирование информации
Кодирование информации
 
Кодирование информации
Кодирование информацииКодирование информации
Кодирование информации
 

More from марина маслова

обл конкурс родники_проект
обл конкурс родники_проектобл конкурс родники_проект
обл конкурс родники_проектмарина маслова
 
обл конкур эко_безопасность
обл конкур эко_безопасностьобл конкур эко_безопасность
обл конкур эко_безопасностьмарина маслова
 
патриотическое воспитание в мбоу сош №1
патриотическое воспитание в мбоу сош №1патриотическое воспитание в мбоу сош №1
патриотическое воспитание в мбоу сош №1марина маслова
 
безопасный интернет сош1_семенов
безопасный интернет сош1_семеновбезопасный интернет сош1_семенов
безопасный интернет сош1_семеновмарина маслова
 

More from марина маслова (20)

Egye2017 in
Egye2017 inEgye2017 in
Egye2017 in
 
проект дети детям
проект дети детямпроект дети детям
проект дети детям
 
три взгляда на_войну_сж
три взгляда на_войну_сжтри взгляда на_войну_сж
три взгляда на_войну_сж
 
мир роботов итог
мир роботов итогмир роботов итог
мир роботов итог
 
лебедев итог
лебедев итоглебедев итог
лебедев итог
 
ада лавлейс
ада лавлейсада лавлейс
ада лавлейс
 
би
биби
би
 
базы данных викторина
базы данных викторинабазы данных викторина
базы данных викторина
 
текст открытый урок
текст открытый уроктекст открытый урок
текст открытый урок
 
обл конкурс родники_проект
обл конкурс родники_проектобл конкурс родники_проект
обл конкурс родники_проект
 
обл конкур эко_безопасность
обл конкур эко_безопасностьобл конкур эко_безопасность
обл конкур эко_безопасность
 
я и класс
я и класся и класс
я и класс
 
патриотическое воспитание в мбоу сош №1
патриотическое воспитание в мбоу сош №1патриотическое воспитание в мбоу сош №1
патриотическое воспитание в мбоу сош №1
 
интернет риски
интернет рискиинтернет риски
интернет риски
 
безопасный интернет сош1_семенов
безопасный интернет сош1_семеновбезопасный интернет сош1_семенов
безопасный интернет сош1_семенов
 
программашкола
программашколапрограммашкола
программашкола
 
профи звук
профи звукпрофи звук
профи звук
 
учимся видеть прекрасное
учимся  видеть прекрасноеучимся  видеть прекрасное
учимся видеть прекрасное
 
проект 1
проект 1проект 1
проект 1
 
безопасность
безопасностьбезопасность
безопасность
 

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

  • 2. Пространственная дискретизация  В процессе кодирования изображения производится его пространственная дискретизация.  изображение разбивается на отдельные маленькие фрагменты (точки или пиксели).  каждому элементу присваивается значение его цвета, т.е. код цвета. www.themegallery.com LOGO
  • 3.  В результате пространственной дискретизации графическая информация представляется в виде растрового изображения, которое изображения формируется из определенного количества строк, которые содержат определенное количество точек  Пиксель – это минимальный участок изображения, для которого независимым образом можно задать цвет. www.themegallery.com LOGO
  • 4. Качество кодирования изображения зависит от: от размера точки количества цветов www.themegallery.com LOGO
  • 5. Объем растрового изображения определяется как произведение количества точек и информационного объема одной точки. Vi = M×i, где M- количество точек, i – информационный объем 1 точки Информационный объем одной точки зависит от количества возможных цветов N = 2i ,где N – количество цветов, i - информационный объем 1 точки www.themegallery.com LOGO
  • 6. Таблица зависимости информационного объема 1 точки от количества цветов от N –количество цветов i – количество бит черно-белое изображение 1 бит (две цифры 0 и 1) 8 цветов (оттенки серого) 3 бита 16 цветов 4 бита 256 цветов 8 битов (1байт) 65 536 цветов 16 бит (2 байта) 16,5 млн.цветов 24 бита (3 байта) www.themegallery.com LOGO
  • 7.  Цветные изображения формируются с двоичным кодом цвета каждой точки, хранящимся в видеопамяти.  Цветные изображения могут иметь различную глубину цвета, которая задается используемым количеством бит для кодирования цвета точки  Качество изображения определяется разрешающей способностью экрана и глубиной цвета. www.themegallery.com LOGO
  • 8. Цветное изображение на экране монитора формируется за счет смешивания трех базовых цветов: красного (R), зеленого(G) и синего(B). Если мы кодируем цвет точки с помощью трех байтов, то первый байт выделяется красной составляющей, второй- зеленой, а третий – синей. Чем больше значение байта цветовой составляющей, тем ярче этот цвет. www.themegallery.com LOGO
  • 9. Кодировка различных цветов Белый цвет все цветовые составляющие имеют 255, 255, 255 полную яркость Черный цвет отсутствуют все цветовые 0, 0, 0 составляющие Серый цвет все цветовые составляющие 150, 150, 150 присутствуют, но они одинаковы и нейтрализуют друг друга (во втором случая яркость выше, т.е. он светлее) Красный цвет все составляющие, кроме красной 255, 0, 0 отсутствуют (например, темно-красный или ярко-красный) Синий цвет аналогично 0, 0, 255 Зеленый цвет аналогично 0, 255, 0 www.themegallery.com LOGO
  • 10. Кодировка различных цветов красный (255, 0, 0) желтый (255, 255, 0) пурпурный (255, 0, 255) белый (255,255,255) синий (0, 0, 255) зеленый (0, 255, 0) голубой (0, 255, 255) Десятичный код цвета преобразуется в соответствующий двоичный код, тогда интенсивность цвета задается кодами от 00000000 до 11111111. www.themegallery.com LOGO
  • 11.  При печати изображений на принтерах используется палитра цветов в системе CMYK. CMYK  Изображение формируется путем наложения голубой, пурпурной, голубой пурпурной желтой и черной красок. www.themegallery.com LOGO
  • 12. Объем видеопамяти  Для того, чтобы на экране монитора формировалось изображение, информация о каждой его точке должна храниться в видеопамяти компьютера.  Объем видеопамяти для графического режима с разрешением M на N точек и глубиной цвета i бит на точку: Vвп = M×N×i www.themegallery.com LOGO
  • 13.  Всего точек на экране: 800 х 600 = 480000.  Объем видеопамяти: 24 бит х 480000 = 11520000 бит = 1440000 байт= 1406,25 Кбайт = 1,37 Мбайт.  Аналогично рассчитывается необходимый объем видеопамяти для других графических режимов. www.themegallery.com LOGO
  • 14. Задачи: 1. В процессе преобразования растрового графического изображения количество цветов уменьшилось с 65 536 до 16. Во сколько раз уменьшился его информационный объем? Решение:  65 536 цветов – 2 байта  16 цветов – 4 бита  2 байта = 16 бит, 16:4=4 Ответ: в 4 раза. www.themegallery.com LOGO
  • 15. 2. Черно-белое растровое изображение (без градации серого) имеет размер 10 х 10 точек. Какой информационный объем имеет изображение? Решение:  2 цвета, глубина цвета точки – 1 бит,  1бит х 10 х 10 = 100 бит Ответ: 100 бит www.themegallery.com LOGO
  • 16. 3. Цветное с палитрой из 256 цветов растровое графическое изображение имеет размер 10 х 10 точек. Какой информационный объем имеет изображение? (Решите самостоятельно) www.themegallery.com LOGO
  • 17. Домашнее задание  Ответить на вопросы: 2.Какие недостатки растровых изображений? 3.Назначение растровых графических редакторов. 4.Какие существуют форматы графических файлов и что они означают? www.themegallery.com LOGO