60730

Форматы изображений растровой графики

Конспект урока

Педагогика и дидактика

Сохраните рисунок в другом формате воспользовавшись командой Файл Сохранить как в папке Эксперимент Имя файла: урок 1; Тип файла: 24-разрядный рисунок. Откройте первый рисунок Файл Открыть в папке Эксперимент Имя файла: урок 1...

Русский

2014-05-20

182.5 KB

6 чел.

Проводил: Михайлов Александр Эдуардович

Дата: 17.01.2011г.

Класс: 9

Тип урока: комбинированный

Форма занятия: урок

Тема: Форматы изображений растровой графики.

Цель:  дать учащимся понятие о форматах изображений растровой графики.

Задачи:

  1.  Актуализировать знания учащихся о компьютерной графике.
  2.  Закрепить на практике умения учащихся использовать графический редактор Paint.
  3.  Способствовать развитию системного мышления через практические задания.

Оборудование: проектор, компьютер, электронное пособие.

Литература:

  1.  Культура информационной деятельности: Учебное пособие для основной школы  (9 класс). / В.В. Мачульский, А.Г. Гейн., В.И., Кадочникова, Е.А. Гвоздева, В.И. Жильцова.- Екатеринбург: Центр «Учебная книга»; Смоленск: Изд-во «Ассоциация XXI  век», 2004. – 480 с.

Ход занятия:

Этап урока

Деятельность учителя

Деятельность учащихся

1. Организацион-ный момент

Здравствуйте, садитесь! Меня зовут Александр Эдуардович.

Здравствуйте!

2. Подготовитель-ный этап

Сегодня мы продолжаем изучать раздел «Компьютерная графика» и сегодня мы с вами познакомимся с форматами растровой графики и немного поработаем с ними. Начнем с группами программ работающие с растровой графикой

Простейшей программой является Paint, входящая в состав ОС Windows.

  1.  Наиболее мощным считается пакет Adobe Photoshop. Требует знания технических приемов и обладания практическими навыками.

ACDSee 5.0 является очень удобной программой-каталогизатором.

Средства для создания растровых изображений.

Средства для обработки готовых изображений

Средства каталогизации изображений.

3. Основная часть

Скажите, где хранятся все изображения созданные в графических редакторах?

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

Формат — это определенные правила кодирования и записи информации в файл.

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

Скажите а форматы растровых изображений имеют большой формат или маленький.

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

Сжатие графических файлов отличается от архивирования специальными программами-архиваторами. В процессе преобразования информации архиваторами (WinZip, WinRar и др.) занимаемый ею объем уменьшается, а количество информации остается прежним. При извлечении ее из архива программой-архиватором она восстанавливается в первозданном виде.

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

Оно бывает двух видов:

Сжатие с потерями.

Сжатие без потерь.

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

Посмотрите на доску. Что мы видим?

Молодцы. Это не просто устройства компьютера, а перевернув все устройства компьютера вы узнаете форматы графических редакторов.

Какие они бывают давайте узнаем?

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

Познакомьтесь с широко применяемыми форматами растровой графики.

BMP — является стандартом для растровой графики в ОС Windows. Используется для хранения данных без потери качества на этапах создания рисунка. Поддерживается всеми приложениями, работающими в этой среде. Для профессиональной работы в web-дизайне не пригоден, так как нет встроенной в формат системы цветокоррекции, т. е. на разных мониторах одни и те же цвета будут смотреться по-разному. В файл записывается код цвета каждого пикселя.

TIF — поддерживается всеми графическими программами. Использует сжатие без потерь. Предназначен для сохранения рисунков и передачи их в издательские системы и в процессе подготовки web-графики. Фактически является стандартом при подготовке изображений в полиграфии. Формат предусматривает использование цветокоррекции.

PSD — внутренний формат программы Adobe Photoshop (далее АР). Широко применяется на промежуточных стадиях создания изображения. Обеспечивает хранение полноцветных изображений со всеми особенностями, имеющимися в нем: слоями, каналами, масками, эффектами и т. д. С рисунками, сохраненными в этом формате, АР работает значительно быстрее. Размеры файлов, обычно, очень большие. Другие графические программы этот формат не распознают. В нем предусмотрено использование цветокоррекции.

JPG — предназначен для хранения фотографий, полноцветных изображений, изображений с плавно перетекающими (градиентными) цветами. Обеспечивает хранение данных с большой степенью сжатия за счет потери части информации. Величиной потерь можно управлять. На качестве изображения при выводе на экран монитора эти потери сказываются мало. При работе над оформлением сайтов следует использовать формат только для сохранения конечных результатов работы над изображением.

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

PNG — предназначен для хранения изображений для использования в Интернет; аналогичен GIF. Сравнительно новый и перспективный формат, не все браузеры с ним работают. Работает как с малоцветными изображениями или в градациях серого (256 цветов), так и с полноцветными изображениями. Применяет алгоритм сжатия информации в файле без потерь.

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

На конечном этапе сохранения готового изображения для вставки его на web-страницу применяют один из форматов со сжатием JPG, GIF, PNG.

Изображения хранятся на дисках в виде файлов.

Файлы растровых изображений могут иметь большой объем.

Устройства компьютера.

4. Практическая работа

  Практическая работа.

Исследование свойств форматов сжатия графических данных.

  1.  Создайте на Рабочем столе временную папку с именем Эксперимент.
  2.  Откройте окно графического редактора Paint.
  3.  Задайте параметры изображения, выполнив команду Рисунок, Атрибуты … в открывшемся диалоговом окне установите Ширина: 300; Высота: 300; Единицы измерения: точки; Палитра: цветная, Ок.

  1.  В качестве инструмента выберите Прямоугольник, состоящий из заливки.
  2.  Выполните рисунок по образцу.

  1.  Сохраните рисунок, воспользовавшись командой Файл, Сохранить как …, в  папке Эксперимент, Имя файла: урок1; Тип файла: 24-разрядный рисунок (*.bmp), Сохранить.
  2.  Сохраните рисунок в другом формате, воспользовавшись командой Файл, Сохранить как …, в  папке Эксперимент, Имя файла: урок1; Тип файла: 24-разрядный рисунок (*.jpg), Сохранить.
  3.  Откройте первый рисунок, Файл, Открыть …, в папке Эксперимент, Имя файла: урок1; Тип файла: 24-разрядный рисунок (*.bmp), Открыть.
  4.  Сохраните рисунок, воспользовавшись командой Файл, Сохранить как …, в  папке Эксперимент, Имя файла: урок1; Тип файла: 24-разрядный рисунок (*.gif), Сохранить.
  5.  Сверните окно программы.
  6.  Откройте свою папку Эксперимент. Установите через меню способ отображения файлов Вид, Таблица.
  7.  Определите коэффициент сжатия файлов (R), взяв отношение размера исходного файла  урок1.bmp к размеру рассматриваемого. Для проведения расчетов воспользуйтесь калькулятором. Результаты занести в тетрадь в таблицу.
  8.  Дополните таблицу следующими столбцами.

Рисунок: урок1

Формат файла

Размер файла S (Кбайт)

Степень сжатия R=Sурок1.bmp/S

.bmp (24 - разрядный)

.gif

.jpg

  1.  Откройте папку с указанными ниже учебными файлами (или с предложенными учителем) и скопируйте в папку Эксперимент.
  2.  Определите размеры указанных файлов и заполните таблицу.

Рисунок: для 9 класса

Формат файла

Размер файла S (Кбайт)

Степень сжатия R=Sурок1.bmp/S

.bmp (24 - разрядный)

.gif

.jpg

  1.  Разверните окно Paint.
  2.  Открывайте по очереди рисунки для 9 класса.bmp, для 9 класса.gif, для 9 класса.jpg. Просматривайте качество сохранения.
  3.  Закройте окно программы без сохранения рисунка в файле.
  4.  Ответьте письменно на вопросы.
    •  Какой формат графических данных из рассмотренных здесь наилучшим образом подходит для передачи цветного фотографического материала по каналам электронных сетей?
    •  Какой формат графических данных целесообразно использовать для передачи черно-белого или малоцветного изображения по каналам электронных сетей?
    •  Как изменяется качество малоцветных рисунков при сохранении в разных форматах?
    •  Во сколько раз файл малоцветного изображения в формате bmp больше файла с расширением gif.
    •  Во сколько раз файл полноцветного изображения в формате bmp больше файла с расширением jpg.

5. Подведение итогов

А теперь давайте повторим, какие форматы растровой графики мы сегодня изучили. Но сначала выполним тест.

BMP, TIF, PSD, JPG, GIF, PNG.

 

Студент-практикант:       / Михайлов А.Э./

    Учитель: /       /Апина Г.Г./


 

А также другие работы, которые могут Вас заинтересовать

30996. Какие изменения в кормах могут возникнуть вследствие влияния на них неблагоприятной погоды 85.12 KB
  Расчетная часть. При выполнении курсовой работы нужно дать ответы на такие вопросы: Определить часовой объем вентиляции. Сравнить приходную и расходную части теплового баланса и определить ∆t теплового баланса. У людей от хлеба со спорыньей бывают судороги общий паралич и часто смерть.
30997. ЭКОНОМИКА ОРГАНИЗАЦИИ 93.5 KB
  Целью выполнения курсовой работы является расширение и углубление знаний обучающихся по дисциплине «Экономика организации», овладение практическими навыками расчетов экономических показателей, характеризующих состояние организации и эффективность осуществляемой ею деятельности, формирование умения анализировать и оценивать полученные результаты.
30998. Создание эффективно работающей компьютерной сети для организации “Х” в которой находится 29 ПЭВМ 555.31 KB
  Выбор топологии сети типа кабеля и видов необходимого коммуникационного оборудования. Структурная схема вычислительной сети и описание принципов работы.Уязвимость сетис. Сетевые концентраторы также могут иметь связь друг с другом объединяя вместе подсети различных участков здания.
30999. Форма, содержание и ответственность кредитного договора 170 KB
  Предмет кредитного договора. Форма содержание и ответственность кредитного договора. Форма кредитного договора. Содержание кредитного договора. Ответственность по кредитному договору. Виды кредитного договора...
31000. Психосоматика, отношения и здоровье 773.5 KB
  Отношения в нашей жизни занимают центральное место. Даже если на этот вопрос ответить положительно это повлечет за собой новый вопрос: А в чем этот смысл Как и всегда в жизни ответ на вопрос зависит от индивидуальной точки зрения. В прежние времена оно служило существенным основанием совместной жизни двух людей. В этой книге мы рассмотрим вопрос о смысле партнерства в широком аспекте и мы рассмотрим этот вопрос не сам по себе а свяжем его с вопросом о смысле жизни.
31001. Лабораторные исследования мочи 4.32 MB
  Исследования физических свойств мочи. У КРС и лошадей пробу мочи обычно получают при естественном акте мочеиспускания. У быков для ускорения получения мочи можно приложить к отверстию препуция ватный тампон смоченный тёплой водой.
31002. История физической культуры и спорта 231 KB
  Введение в предмет История физической культуры.Дисциплина которую нам предстоит изучить История физической культуры и спорта. Роль физической культуры состояла также в удовлетворении потребностей общества в культурнозрелищных мероприятиях.
31003. Ощущения и Восприятие 25.5 KB
  Актуальность выбранной темы заключается в том что ощущая воспринимая наглядно представляя себе любой предмет любое явление человек должен както анализировать обобщать конкретизировать другими словами мыслить о том что отражается в ощущениях и восприятиях. Следовательно без участия психических процессов: восприятия и ощущения человеческая деятельность невозможна. Вопросы рассматриваемые в ходе лекции: Общая характеристика Ощущения и Восприятие Свойства восприятия Виды восприятия Свойства ощущений Виды ощущений Общая...
31004. История возникновения и развития Веб 106.09 KB
  История возникновения и развития Веб 1. Была запущена первая вебслужба электронной почты – HoTMaiL. Появился iPhone который почти полностью отвечает за повышенный интерес к мобильным вебприложениям. Логическая модель Всемирная паутина World Wide Web Веб [20] – распределенная система предоставляющая доступ к связанным между собой документам расположенным на различных компьютерах подключенных к Интернету.