Кодирование графической информации. Полные уроки - История изменений

User17 в 09:24, 1 февраля 2013

2013-02-01T09:24:29Z

User16 в 11:56, 23 января 2013

2013-01-23T11:56:47Z

User11 в 10:12, 29 марта 2011

2011-03-29T10:12:05Z

← Предыдущая		Версия 10:12, 29 марта 2011
Строка 104:		Строка 104:
	<br>''<br>Отредактировано и выслано преподавателем Киевского национального университета им. Тараса Шевченко Соловьевым М. С.''		<br>''<br>Отредактировано и выслано преподавателем Киевского национального университета им. Тараса Шевченко Соловьевым М. С.''

-	<br>~~Если у вас есть исправления или предложения к данному уроку~~, [http://xvatit.com/~~index.php?do=feedback напишите нам~~]~~. <br>Если вы хотите увидеть другие корректировки~~ и ~~пожелания к урокам~~, ~~смотрите здесь -~~ [http://xvatit.com/~~forum~~/ ~~Образовательный форум~~].<br><br>	+	<br>----
		+
		+	'''<u>Над уроком работали</u>'''
		+
		+	Соловьев М. С.
		+
		+
		+	----
		+
		+
		+
		+	Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на [http://xvatit.com/forum/ '''Образовательном форуме'''], где на международном уровне собирается образовательный совет свежей мысли и действия. Создав [http://xvatit.com/club/blogs/ '''блог,'''] Вы не только повысите свой статус, как компетентного преподавателя, но и сделаете весомый вклад в развитие школы будущего. [http://xvatit.com/school/guild/ '''Гильдия Лидеров Образования'''] открывает двери для специалистов  высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.<br>
		+
		+
		+	.<br><br>

	[[Category:Информатика_10_класс]]		[[Category:Информатика_10_класс]]

User17 в 12:52, 17 января 2011

2011-01-17T12:52:10Z

← Предыдущая		Версия 12:52, 17 января 2011
Строка 3:		Строка 3:
	<br>'''Тема: Кодирование графической информации'''		<br>'''Тема: Кодирование графической информации'''

-	'''Цель: '''~~<!--[if gte mso 9]><xml>~~	+	'''Цель: '''Дать представление о кодирование изображений
-	~~<w:WordDocument>~~	+	компьютером.
-	~~<w:View>Normal</w:View>~~	+
-	~~<w:Zoom>0</w:Zoom>~~	+
-	~~<w:PunctuationKerning/>~~	+
-	~~<w:ValidateAgainstSchemas/>~~	+
-	~~<w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>~~	+
-	~~<w:IgnoreMixedContent>false</w:IgnoreMixedContent>~~	+
-	~~<w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>~~	+
-	~~<w:Compatibility>~~	+
-	~~<w:BreakWrappedTables/>~~	+
-	~~<w:SnapToGridInCell/>~~	+
-	~~<w:WrapTextWithPunct/>~~	+
-	~~<w:UseAsianBreakRules/>~~	+
-	~~<w:DontGrowAutofit/>~~	+
-	~~</w:Compatibility>~~	+
-	~~<w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>~~	+
-	~~</w:WordDocument>~~	+
-	~~</xml><![endif]--><!--[if gte mso 9]><xml>~~	+
-	~~<w:LatentStyles DefLockedState="false" LatentStyleCount="156">~~	+
-	~~</w:LatentStyles>~~	+
-	~~</xml><![endif]--><!--[if gte mso 10]>~~	+
-	~~<style>~~	+
-	~~/* Style Definitions */~~	+
-	~~table.MsoNormalTable~~	+
-	~~{mso-style-name:"Обычная таблица";~~	+
-	~~mso-tstyle-rowband-size:0;~~	+
-	~~mso-tstyle-colband-size:0;~~	+
-	~~mso-style-noshow:yes;~~	+
-	~~mso-style-parent:"";~~	+
-	~~mso-padding-alt:0cm 5.4pt 0cm 5.4pt;~~	+
-	~~mso-para-margin:0cm;~~	+
-	~~mso-para-margin-bottom:.0001pt;~~	+
-	~~mso-pagination:widow-orphan;~~	+
-	~~font-size:10.0pt;~~	+
-	~~font-family:"Times New Roman";~~	+
-	~~mso-ansi-language:#0400;~~	+
-	~~mso-fareast-language:#0400;~~	+
-	~~mso-bidi-language:#0400;}~~	+
-	~~</style>~~	+
-	~~<![endif]--><span>~~Дать представление о кодирование изображений	+
-	компьютером.~~</span>~~	+

	С появлением графических станций в виде компьютера начался новый этап в освоении ПК-машины как средства обработки графической информации.		С появлением графических станций в виде компьютера начался новый этап в освоении ПК-машины как средства обработки графической информации.
Строка 60:		Строка 20:
	'''Кодировка графической информации.'''		'''Кодировка графической информации.'''

-	~~<!--[if gte mso 9]><xml>~~	+	''Кодирование'' - это преобразования символов одной знаковой системы в другую. Все компьютерные изображения разделяют на два основных типа: растровые и векторные
-	~~<w:WordDocument>~~	+
-	~~<w:View>Normal</w:View>~~	+
-	~~<w:Zoom>0</w:Zoom>~~	+
-	~~<w:PunctuationKerning/>~~	+
-	~~<w:ValidateAgainstSchemas/>~~	+
-	~~<w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>~~	+
-	~~<w:IgnoreMixedContent>false</w:IgnoreMixedContent>~~	+
-	~~<w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>~~	+
-	~~<w:Compatibility>~~	+
-	~~<w:BreakWrappedTables/>~~	+
-	~~<w:SnapToGridInCell/>~~	+
-	~~<w:WrapTextWithPunct/>~~	+
-	~~<w:UseAsianBreakRules/>~~	+
-	~~<w:DontGrowAutofit/>~~	+
-	~~</w:Compatibility>~~	+
-	~~<w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>~~	+
-	~~</w:WordDocument>~~	+
-	~~</xml><![endif]--><!--[if gte mso 9]><xml>~~	+
-	~~<w:LatentStyles DefLockedState="false" LatentStyleCount="156">~~	+
-	~~</w:LatentStyles>~~	+
-	~~</xml><![endif]--><!--[if gte mso 10]>~~	+
-	~~<style>~~	+
-	~~/* Style Definitions */~~	+
-	~~table.MsoNormalTable~~	+
-	~~{mso-style-name:"Обычная таблица";~~	+
-	~~mso-tstyle-rowband-size:0;~~	+
-	~~mso-tstyle-colband-size:0;~~	+
-	~~mso-style-noshow:yes;~~	+
-	~~mso-style-parent:"";~~	+
-	~~mso-padding-alt:0cm 5.4pt 0cm 5.4pt;~~	+
-	~~mso-para-margin:0cm;~~	+
-	~~mso-para-margin-bottom:.0001pt;~~	+
-	~~mso-pagination:widow-orphan;~~	+
-	~~font-size:10.0pt;~~	+
-	~~font-family:"Times New Roman";~~	+
-	~~mso-ansi-language:#0400;~~	+
-	~~mso-fareast-language:#0400;~~	+
-	~~mso-bidi-language:#0400;}~~	+
-	~~</style>~~	+
-	~~<![endif]-->'~~''Кодирование''' - это преобразования символов одной знаковой системы в другую. Все компьютерные изображения разделяют на два основных типа: ~~''<span style="">~~растровые~~</span>~~ и ~~<span style="">~~векторные~~</span>.''~~	+

	<br>		<br>
Строка 108:		Строка 28:
	[[Image:Vidis.jpg]]		[[Image:Vidis.jpg]]

-	В ''~~<span style="">~~растровой~~</span>~~ графике ''изображение в процессе кодирования разбивается на маленькие ~~<span style="">~~точки или пиксели~~</span>~~. Каждому пикселю присваивается код его цвета вместе.	+	В ''растровой графике ''изображение в процессе кодирования разбивается на маленькие точки или пиксели. Каждому пикселю присваивается код его цвета вместе.

	Информация о каждой такой точке содержит компьютерная видеопамять.		Информация о каждой такой точке содержит компьютерная видеопамять.

-	''~~<span style="">~~Векторная~~</span>~~ графика ''создается из примитивных ~~<span style="">~~объектов~~</span>~~ таких как линия, кривая, точка, прямоугольник, ~~трикутник~~, окружность.	+	''Векторная графика ''создается из примитивных объектов таких как линия, кривая, точка, прямоугольник, треугольник, окружность.

	Эти элементы и их объём описываются с помощью математических формул.		Эти элементы и их объём описываются с помощью математических формул.
Строка 120:		Строка 40:
	<br>		<br>

-	'''Характеристики графических изображений:'''<br>- Графическая информация представляет собой изображение, построенное из конкретного числа точек (пикселей) – это и есть пространственная дискретизация.~~ ~~	+	'''Характеристики графических изображений:'''<br>- Графическая информация представляет собой изображение, построенное из конкретного числа точек (пикселей) – это и есть пространственная дискретизация.

	Этот процесс можно сравнить с изображениями, построенных из мозаики. В таком изображении каждой мозаике (точке) присваивается  свой код цвета.<br>- Чем больше точек тем качественней изображение. Чем меньше точка, тем больше разрешающая способность, а значит снова - выше качество изображения. <br>- Качество изображения зависит и от количества цветов. Чем больше каждая точка несет в себе информации о количестве цветов, тем расширенней будет палитра цветов изображения.		Этот процесс можно сравнить с изображениями, построенных из мозаики. В таком изображении каждой мозаике (точке) присваивается  свой код цвета.<br>- Чем больше точек тем качественней изображение. Чем меньше точка, тем больше разрешающая способность, а значит снова - выше качество изображения. <br>- Качество изображения зависит и от количества цветов. Чем больше каждая точка несет в себе информации о количестве цветов, тем расширенней будет палитра цветов изображения.

User17 в 11:03, 3 ноября 2010

2010-11-03T11:03:44Z

← Предыдущая		Версия 11:03, 3 ноября 2010
Строка 165:		Строка 165:

	<br>		<br>
-
-	~~[[Image:Formatis.jpg]]~~

	<br>'''Графические режимы мониторов.'''<br>Рассмотрим формирование растрового изображения на экране монитора, размером 800х600 точек.<br>Рассчитываем необходимый объем видеопамяти для графического режима 800х600 и глубиной цвета в 24 бита.<br>Всех точек на экране 480 000 (800 умножаем на 600).<br>Вычисляем необходимый объем видеопамяти: 24 бит х 480 000 = 11 520 000 бит = 1,37 Мегабайт<br>По такой же аналогии рассчитываются объемы видеопамяти и для других популярных графических режимов – 1024х768, 1280х1024, 1440х900, 1600х1200 и т.д.		<br>'''Графические режимы мониторов.'''<br>Рассмотрим формирование растрового изображения на экране монитора, размером 800х600 точек.<br>Рассчитываем необходимый объем видеопамяти для графического режима 800х600 и глубиной цвета в 24 бита.<br>Всех точек на экране 480 000 (800 умножаем на 600).<br>Вычисляем необходимый объем видеопамяти: 24 бит х 480 000 = 11 520 000 бит = 1,37 Мегабайт<br>По такой же аналогии рассчитываются объемы видеопамяти и для других популярных графических режимов – 1024х768, 1280х1024, 1440х900, 1600х1200 и т.д.

User17 в 09:58, 3 ноября 2010

2010-11-03T09:58:38Z

← Предыдущая		Версия 09:58, 3 ноября 2010
Строка 1:		Строка 1:
-	'''[[Гипермаркет знаний - первый в мире!\|Гипермаркет знаний]]>>[[Информатика]]>>[[Информатика 10 класс. Полные уроки]]>>Информатика: Кодирование графической информации'''<br><~~categorytree~~>Информатика, класс, урок, на тему, 10 класс, Кодирование графической информации</~~categorytree~~><br>	+	'''[[Гипермаркет знаний - первый в мире!\|Гипермаркет знаний]]>>[[Информатика]]>>[[Информатика 10 класс. Полные уроки]]>>Информатика: Кодирование графической информации.'''<br><metakeywords>Информатика, класс, урок, на тему, 10 класс, Кодирование графической информации.</metakeywords><br>

	<br>'''Тема: Кодирование графической информации'''		<br>'''Тема: Кодирование графической информации'''
Строка 43:		Строка 43:
	mso-bidi-language:#0400;}		mso-bidi-language:#0400;}
	</style>		</style>
-	<![endif]--><span ~~style="font-size: 12pt; font-family: "Times New Roman";"~~>Дать представление о кодирование изображений	+	<![endif]--><span>Дать представление о кодирование изображений
-	компьютером.</span>	+	компьютером.</span>

	С появлением графических станций в виде компьютера начался новый этап в освоении ПК-машины как средства обработки графической информации.		С появлением графических станций в виде компьютера начался новый этап в освоении ПК-машины как средства обработки графической информации.
Строка 100:		Строка 100:
	mso-bidi-language:#0400;}		mso-bidi-language:#0400;}
	</style>		</style>
-	<![endif]-->'''Кодирование''' - это преобразования символов одной знаковой системы в другую. Все компьютерные изображения разделяют на два основных типа: ''<span style="">растровые</span> и <span style="">векторные</span>.''	+	<![endif]-->'''Кодирование''' - это преобразования символов одной знаковой системы в другую. Все компьютерные изображения разделяют на два основных типа: ''<span style="">растровые</span> и <span style="">векторные</span>.''

-	<br>	+	<br>

	<br>		<br>
Строка 108:		Строка 108:
	[[Image:Vidis.jpg]]		[[Image:Vidis.jpg]]

-	В''<span style="">растровой</span> графике ''изображение в процессе кодирования разбивается на маленькие <span style="">точки или пиксели</span>. Каждому пикселю присваивается код его цвета вместе.	+	В ''<span style="">растровой</span> графике ''изображение в процессе кодирования разбивается на маленькие <span style="">точки или пиксели</span>. Каждому пикселю присваивается код его цвета вместе.

-	Информация о каждой такой точке содержит компьютерная видеопамять.	+	Информация о каждой такой точке содержит компьютерная видеопамять.

-	''<span style="">Векторная</span> графика ''создается из примитивных <span style="">объектов</span> таких как линия, кривая, точка, прямоугольник, трикутник, окружность.	+	''<span style="">Векторная</span> графика ''создается из примитивных <span style="">объектов</span> таких как линия, кривая, точка, прямоугольник, трикутник, окружность.

-	Эти элементы и их объём описываются с помощью математических формул.	+	Эти элементы и их объём описываются с помощью математических формул.

	<br>{{#ev:youtube\|20P8d7OnxxE}}<br>		<br>{{#ev:youtube\|20P8d7OnxxE}}<br>

-		+	<br>

	'''Характеристики графических изображений:'''<br>- Графическая информация представляет собой изображение, построенное из конкретного числа точек (пикселей) – это и есть пространственная дискретизация.		'''Характеристики графических изображений:'''<br>- Графическая информация представляет собой изображение, построенное из конкретного числа точек (пикселей) – это и есть пространственная дискретизация.
Строка 128:		Строка 128:
	[[Image:Rasttr.jpg]]<br>		[[Image:Rasttr.jpg]]<br>

		+	<br>

-		+	[[Image:Vektorrr.jpg]]
-	[[Image: ~~vektorrr~~.jpg]]	+

	<br> '''Кодирование цвета.'''<br>При кодировании цвета происходит его разложение на основные составляющие - их три (красный, синий, зеленый). Смешивая эти цвета получаются различные оттенки.<br>В процессе дискретизации используются разные палитры.		<br> '''Кодирование цвета.'''<br>При кодировании цвета происходит его разложение на основные составляющие - их три (красный, синий, зеленый). Смешивая эти цвета получаются различные оттенки.<br>В процессе дискретизации используются разные палитры.
Строка 168:		Строка 168:
	[[Image:Formatis.jpg]]		[[Image:Formatis.jpg]]

-	<br>'''~~Графический режим~~.'''<br>Рассмотрим формирование растрового изображения на экране монитора, размером 800х600 точек.<br>Рассчитываем необходимый объем видеопамяти для графического режима 800х600 и глубиной цвета в 24 бита.<br>Всех точек на экране 480 000 (800 умножаем на 600).<br>Вычисляем необходимый объем видеопамяти: 24 бит х 480 000 = 11 520 000 бит = 1,37 Мегабайт<br>По такой же аналогии рассчитываются объемы видеопамяти и для других популярных графических режимов – 1024х768, 1280х1024, 1440х900, 1600х1200 и т.д. ~~[[Image~~:~~Іаіпіп~~.~~jpg\|566x305px\|Іаіпіп~~.~~jpg]]~~	+	<br>'''Графические режимы мониторов.'''<br>Рассмотрим формирование растрового изображения на экране монитора, размером 800х600 точек.<br>Рассчитываем необходимый объем видеопамяти для графического режима 800х600 и глубиной цвета в 24 бита.<br>Всех точек на экране 480 000 (800 умножаем на 600).<br>Вычисляем необходимый объем видеопамяти: 24 бит х 480 000 = 11 520 000 бит = 1,37 Мегабайт<br>По такой же аналогии рассчитываются объемы видеопамяти и для других популярных графических режимов – 1024х768, 1280х1024, 1440х900, 1600х1200 и т.д.
		+
		+	''Для справки:'' в Windows есть возможность выбора графических режимов; также можно настраивать видеосистему компьютера (монитор и видеоадаптер).
		+
		+	<br>'''Вопросы:'''<br>1. Формы графики.
		+
		+	2. Что такое кодирование?

-	<br>''Для справки:'' в Windows есть возможность выбора графических режимов; также можно настраивать видеосистему компьютера (монитор и видеоадаптер).	+	3. Типы графики и их кодировка.<br>4. Как происходит процесс кодирования цвета?<br>5. По какой формуле кодируется цвет?

-	~~<br>'''Вопросы:'''<br>1~~. ~~Формы графики.<br>2. Как происходит процесс кодирования цвета?<br>3~~. ~~По какой формуле кодируется цвет?~~<br>4. Вычислите объем видеопамяти для графического режима 1440х900.	+	6. Графические форматы файлов.<br>7. Вычислите объем видеопамяти для графического режима 1440х900.

	<br>''Список использованных источников:''		<br>''Список использованных источников:''

User17 в 09:54, 3 ноября 2010

2010-11-03T09:54:28Z

← Предыдущая		Версия 09:54, 3 ноября 2010
Строка 1:		Строка 1:
-	'''[[Гипермаркет знаний - первый в мире!\|Гипермаркет знаний]]>>[[Информатика]]>>[[Информатика 8 класс. Полные уроки]]>>Информатика: ~~Как кодируется изображение.~~''' <br><~~metakeywords~~ />	+	'''[[Гипермаркет знаний - первый в мире!\|Гипермаркет знаний]]>>[[Информатика]]>>[[Информатика 10 класс. Полные уроки]]>>Информатика: Кодирование графической информации'''<br><categorytree>Информатика, класс, урок, на тему, 10 класс, Кодирование графической информации</categorytree><br>

-	<br>'''Тема: ~~Как кодируется изображение~~'''	+	<br>'''Тема: Кодирование графической информации'''

-	~~<br>~~ '''Цель: '''~~сформировать у учащихся~~ представление о ~~том, как кодируется в компьютере графическая информация~~.	+	'''Цель: '''<!--[if gte mso 9]><xml>
		+	<w:WordDocument>
		+	<w:View>Normal</w:View>
		+	<w:Zoom>0</w:Zoom>
		+	<w:PunctuationKerning/>
		+	<w:ValidateAgainstSchemas/>
		+	<w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
		+	<w:IgnoreMixedContent>false</w:IgnoreMixedContent>
		+	<w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
		+	<w:Compatibility>
		+	<w:BreakWrappedTables/>
		+	<w:SnapToGridInCell/>
		+	<w:WrapTextWithPunct/>
		+	<w:UseAsianBreakRules/>
		+	<w:DontGrowAutofit/>
		+	</w:Compatibility>
		+	<w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
		+	</w:WordDocument>
		+	</xml><![endif]--><!--[if gte mso 9]><xml>
		+	<w:LatentStyles DefLockedState="false" LatentStyleCount="156">
		+	</w:LatentStyles>
		+	</xml><![endif]--><!--[if gte mso 10]>
		+	<style>
		+	/* Style Definitions */
		+	table.MsoNormalTable
		+	{mso-style-name:"Обычная таблица";
		+	mso-tstyle-rowband-size:0;
		+	mso-tstyle-colband-size:0;
		+	mso-style-noshow:yes;
		+	mso-style-parent:"";
		+	mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
		+	mso-para-margin:0cm;
		+	mso-para-margin-bottom:.0001pt;
		+	mso-pagination:widow-orphan;
		+	font-size:10.0pt;
		+	font-family:"Times New Roman";
		+	mso-ansi-language:#0400;
		+	mso-fareast-language:#0400;
		+	mso-bidi-language:#0400;}
		+	</style>
		+	<![endif]--><span style="font-size: 12pt; font-family: "Times New Roman";">Дать представление о кодирование изображений
		+	компьютером.</span>

	С появлением графических станций в виде компьютера начался новый этап в освоении ПК-машины как средства обработки графической информации.		С появлением графических станций в виде компьютера начался новый этап в освоении ПК-машины как средства обработки графической информации.
Строка 14:		Строка 55:

	''Аналоговоя форма'' - это живописное полотно, ''дискретное изображение'' – рисунок, наречатанный на струйном принтере, то есть состоящий из множеств разноцветных маленьких точек.<br>Изображения из аналоговой формы (бумага, фото-, кинопленка)  в цифровую (дискретную) форматируется путем дискретизации – например, путем сканирования.<br>		''Аналоговоя форма'' - это живописное полотно, ''дискретное изображение'' – рисунок, наречатанный на струйном принтере, то есть состоящий из множеств разноцветных маленьких точек.<br>Изображения из аналоговой формы (бумага, фото-, кинопленка)  в цифровую (дискретную) форматируется путем дискретизации – например, путем сканирования.<br>
		+
		+	<br>
		+
		+	'''Кодировка графической информации.'''
		+
		+	<!--[if gte mso 9]><xml>
		+	<w:WordDocument>
		+	<w:View>Normal</w:View>
		+	<w:Zoom>0</w:Zoom>
		+	<w:PunctuationKerning/>
		+	<w:ValidateAgainstSchemas/>
		+	<w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
		+	<w:IgnoreMixedContent>false</w:IgnoreMixedContent>
		+	<w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
		+	<w:Compatibility>
		+	<w:BreakWrappedTables/>
		+	<w:SnapToGridInCell/>
		+	<w:WrapTextWithPunct/>
		+	<w:UseAsianBreakRules/>
		+	<w:DontGrowAutofit/>
		+	</w:Compatibility>
		+	<w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
		+	</w:WordDocument>
		+	</xml><![endif]--><!--[if gte mso 9]><xml>
		+	<w:LatentStyles DefLockedState="false" LatentStyleCount="156">
		+	</w:LatentStyles>
		+	</xml><![endif]--><!--[if gte mso 10]>
		+	<style>
		+	/* Style Definitions */
		+	table.MsoNormalTable
		+	{mso-style-name:"Обычная таблица";
		+	mso-tstyle-rowband-size:0;
		+	mso-tstyle-colband-size:0;
		+	mso-style-noshow:yes;
		+	mso-style-parent:"";
		+	mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
		+	mso-para-margin:0cm;
		+	mso-para-margin-bottom:.0001pt;
		+	mso-pagination:widow-orphan;
		+	font-size:10.0pt;
		+	font-family:"Times New Roman";
		+	mso-ansi-language:#0400;
		+	mso-fareast-language:#0400;
		+	mso-bidi-language:#0400;}
		+	</style>
		+	<![endif]-->'''Кодирование''' - это преобразования символов одной знаковой системы в другую. Все компьютерные изображения разделяют на два основных типа: ''<span style="">растровые</span> и <span style="">векторные</span>.''
		+
		+	<br>
		+
		+	<br>

	[[Image:Vidis.jpg]]		[[Image:Vidis.jpg]]
		+
		+	В''<span style="">растровой</span> графике ''изображение в процессе кодирования разбивается на маленькие <span style="">точки или пиксели</span>. Каждому пикселю присваивается код его цвета вместе.
		+
		+	Информация о каждой такой точке содержит компьютерная видеопамять.
		+
		+	''<span style="">Векторная</span> графика ''создается из примитивных <span style="">объектов</span> таких как линия, кривая, точка, прямоугольник, трикутник, окружность.
		+
		+	Эти элементы и их объём описываются с помощью математических формул.

	<br>{{#ev:youtube\|20P8d7OnxxE}}<br>		<br>{{#ev:youtube\|20P8d7OnxxE}}<br>
		+
		+

	'''Характеристики графических изображений:'''<br>- Графическая информация представляет собой изображение, построенное из конкретного числа точек (пикселей) – это и есть пространственная дискретизация.		'''Характеристики графических изображений:'''<br>- Графическая информация представляет собой изображение, построенное из конкретного числа точек (пикселей) – это и есть пространственная дискретизация.
Строка 25:		Строка 126:
	<br>		<br>

-	[[Image: ~~rasttr~~.jpg]]<br>	+	[[Image:Rasttr.jpg]]<br>
		+
		+
		+
		+	[[Image: vektorrr.jpg]]

	<br> '''Кодирование цвета.'''<br>При кодировании цвета происходит его разложение на основные составляющие - их три (красный, синий, зеленый). Смешивая эти цвета получаются различные оттенки.<br>В процессе дискретизации используются разные палитры.		<br> '''Кодирование цвета.'''<br>При кодировании цвета происходит его разложение на основные составляющие - их три (красный, синий, зеленый). Смешивая эти цвета получаются различные оттенки.<br>В процессе дискретизации используются разные палитры.
Строка 77:		Строка 182:
	<br>Если у вас есть исправления или предложения к данному уроку, [http://xvatit.com/index.php?do=feedback напишите нам]. <br>Если вы хотите увидеть другие корректировки и пожелания к урокам, смотрите здесь - [http://xvatit.com/forum/ Образовательный форум].<br><br>		<br>Если у вас есть исправления или предложения к данному уроку, [http://xvatit.com/index.php?do=feedback напишите нам]. <br>Если вы хотите увидеть другие корректировки и пожелания к урокам, смотрите здесь - [http://xvatit.com/forum/ Образовательный форум].<br><br>

-	[[Category:~~Информатика_8_класс~~]]	+	[[Category:Информатика_10_класс]]

User17 в 09:42, 3 ноября 2010

2010-11-03T09:42:47Z

← Предыдущая		Версия 09:42, 3 ноября 2010
Строка 15:		Строка 15:
	''Аналоговоя форма'' - это живописное полотно, ''дискретное изображение'' – рисунок, наречатанный на струйном принтере, то есть состоящий из множеств разноцветных маленьких точек.<br>Изображения из аналоговой формы (бумага, фото-, кинопленка)  в цифровую (дискретную) форматируется путем дискретизации – например, путем сканирования.<br>		''Аналоговоя форма'' - это живописное полотно, ''дискретное изображение'' – рисунок, наречатанный на струйном принтере, то есть состоящий из множеств разноцветных маленьких точек.<br>Изображения из аналоговой формы (бумага, фото-, кинопленка)  в цифровую (дискретную) форматируется путем дискретизации – например, путем сканирования.<br>

-	[[Image: ~~vidis~~.jpg]]	+	[[Image:Vidis.jpg]]

	<br>{{#ev:youtube\|20P8d7OnxxE}}<br>		<br>{{#ev:youtube\|20P8d7OnxxE}}<br>
Строка 25:		Строка 25:
	<br>		<br>

-	[[Image:~~Eррод.jpg\|625x1084px\|Eррод~~.jpg]]	+	[[Image: rasttr.jpg]]<br>

	<br> '''Кодирование цвета.'''<br>При кодировании цвета происходит его разложение на основные составляющие - их три (красный, синий, зеленый). Смешивая эти цвета получаются различные оттенки.<br>В процессе дискретизации используются разные палитры.		<br> '''Кодирование цвета.'''<br>При кодировании цвета происходит его разложение на основные составляющие - их три (красный, синий, зеленый). Смешивая эти цвета получаются различные оттенки.<br>В процессе дискретизации используются разные палитры.

-	[[Image: ~~rgbbb~~.jpg]]<br>	+	[[Image:Rgbbb.jpg]]<br>

	<br>		<br>
Строка 59:		Строка 59:
	{{#ev:youtube\|vz4m1JH2how}}		{{#ev:youtube\|vz4m1JH2how}}

		+	<br>

-		+	[[Image:Formatis.jpg]]
-	[[Image:~~formatis~~.jpg]]	+

	<br>'''Графический режим.'''<br>Рассмотрим формирование растрового изображения на экране монитора, размером 800х600 точек.<br>Рассчитываем необходимый объем видеопамяти для графического режима 800х600 и глубиной цвета в 24 бита.<br>Всех точек на экране 480 000 (800 умножаем на 600).<br>Вычисляем необходимый объем видеопамяти: 24 бит х 480 000 = 11 520 000 бит = 1,37 Мегабайт<br>По такой же аналогии рассчитываются объемы видеопамяти и для других популярных графических режимов – 1024х768, 1280х1024, 1440х900, 1600х1200 и т.д. [[Image:Іаіпіп.jpg\|566x305px\|Іаіпіп.jpg]]		<br>'''Графический режим.'''<br>Рассмотрим формирование растрового изображения на экране монитора, размером 800х600 точек.<br>Рассчитываем необходимый объем видеопамяти для графического режима 800х600 и глубиной цвета в 24 бита.<br>Всех точек на экране 480 000 (800 умножаем на 600).<br>Вычисляем необходимый объем видеопамяти: 24 бит х 480 000 = 11 520 000 бит = 1,37 Мегабайт<br>По такой же аналогии рассчитываются объемы видеопамяти и для других популярных графических режимов – 1024х768, 1280х1024, 1440х900, 1600х1200 и т.д. [[Image:Іаіпіп.jpg\|566x305px\|Іаіпіп.jpg]]

User17: Новая страница: «'''Гипермаркет знаний>>Информатика>>[[Информа...»

2010-11-03T09:41:14Z

Новая страница: «'''Гипермаркет знаний>>Информатика>>[[Информа...»

Новая страница

'''[[Гипермаркет знаний - первый в мире!|Гипермаркет знаний]]>>[[Информатика]]>>[[Информатика 8 класс. Полные уроки]]>>Информатика: Как кодируется изображение.''' <metakeywords />

 '''Тема: Как кодируется изображение'''

 '''Цель: '''сформировать у учащихся представление о том, как кодируется в компьютере графическая информация.

С появлением графических станций в виде компьютера начался новый этап в освоении ПК-машины как средства обработки графической информации.

Потому, что компьютер способен не только решать вычислительные задачи, но и представлять любые процессы на экране монитора. Графический интерфейс пользователя стал стандартом программного обеспечения разных областей.

Возможно, это связано с человеческой психикой: наглядность способствует быстрому изучению и пониманию.

'''Формы графики.''' Любая графика представляется в ''аналоговой или дискретных формах.''

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

[[Image: vidis.jpg]]

 {{#ev:youtube|20P8d7OnxxE}} 

'''Характеристики графических изображений:''' - Графическая информация представляет собой изображение, построенное из конкретного числа точек (пикселей) – это и есть пространственная дискретизация. 

Этот процесс можно сравнить с изображениями, построенных из мозаики. В таком изображении каждой мозаике (точке) присваивается  свой код цвета. - Чем больше точек тем качественней изображение. Чем меньше точка, тем больше разрешающая способность, а значит снова - выше качество изображения. - Качество изображения зависит и от количества цветов. Чем больше каждая точка несет в себе информации о количестве цветов, тем расширенней будет палитра цветов изображения.

 

[[Image:Eррод.jpg|625x1084px|Eррод.jpg]]

 '''Кодирование цвета.''' При кодировании цвета происходит его разложение на основные составляющие - их три (красный, синий, зеленый). Смешивая эти цвета получаются различные оттенки. В процессе дискретизации используются разные палитры.

[[Image: rgbbb.jpg]] 

 

Каждый цвет рассматривается как будущее состояние точки. Количество цветов '''N''' и количество информации '''I''', связаны между собой и вычисляются по формуле: '''N=2i.''' Такие выходные данные необходимы для кодирования цвета каждой по отдельности точки. Например, в самом простом случае палитра цветов состоит из двух - черного и белого.

 

[[Image:Араоап.jpg|587x515px|Араоап.jpg]]

 

Значит каждая точка на экране принимает либо «черное» либо «белое» состояние. По заданной формуле можно вычислить количество информации, необходимое для кодирования цвета каждой точки.

----

 Количество бит, необходимое для кодирования цвета точки - это глубина цвета. ''Цветные изображения'' строятся с двоичным кодом цвета каждой точки. Эта информация хранится в видеопамяти. Такие изображения меняют глубины цвета - 8, 16, 24 и 32 бита. Цветная картинка рождается на экране путем смешивания трех базовых цветов: красного, зеленого, синего. Эта цветовая модель называется RGB (по первым буквам английских названий цветов - Red, Green, Blue)

 

[[Image:Ияфмe.jpg|414x413px|Ияфмe.jpg]]

 

 Для получения множества оттенков (соответственно выходит и богатая палитра цветов) основным или базовым цветам задаются различные интенсивности (яркость, контрастность, насыщеность). Например, при глубине цвета в 24 бита (по 8 бит на каждый цвет) выходит N=28 =256 уровней интенсивности, заданные двоичными кодами - от 00000000 (минимальной ) до 11111111 (максимальной).

{{#ev:youtube|XflFarsdOKk}}

{{#ev:youtube|vz4m1JH2how}}

[[Image:formatis.jpg]]

 '''Графический режим.''' Рассмотрим формирование растрового изображения на экране монитора, размером 800х600 точек. Рассчитываем необходимый объем видеопамяти для графического режима 800х600 и глубиной цвета в 24 бита. Всех точек на экране 480 000 (800 умножаем на 600). Вычисляем необходимый объем видеопамяти: 24 бит х 480 000 = 11 520 000 бит = 1,37 Мегабайт По такой же аналогии рассчитываются объемы видеопамяти и для других популярных графических режимов – 1024х768, 1280х1024, 1440х900, 1600х1200 и т.д. [[Image:Іаіпіп.jpg|566x305px|Іаіпіп.jpg]]

 ''Для справки:'' в Windows есть возможность выбора графических режимов; также можно настраивать видеосистему компьютера (монитор и видеоадаптер).

 '''Вопросы:''' 1. Формы графики. 2. Как происходит процесс кодирования цвета? 3. По какой формуле кодируется цвет? 4. Вычислите объем видеопамяти для графического режима 1440х900.

 ''Список использованных источников:''

1. Урок на тему "Изображение", Ильенко Анастасия, г. Таганрог. 2. Урок на тему «Кодирование изображения», Гимадиева М. Ш., учитель информатики, Шалинская COШ, Республики Татарстан. 3. Шокуров А. В., Михалёв А. В. Кодирование изображений с последующим возможным оптимальным декодированием // Успехи мат. наук., 2007 г.

 '' Отредактировано и выслано преподавателем Киевского национального университета им. Тараса Шевченко Соловьевым М. С.''

 Если у вас есть исправления или предложения к данному уроку, [http://xvatit.com/index.php?do=feedback напишите нам]. Если вы хотите увидеть другие корректировки и пожелания к урокам, смотрите здесь - [http://xvatit.com/forum/ Образовательный форум]. 

[[Category:Информатика_8_класс]]