60730

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

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

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

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

Русский

2014-05-20

182.5 KB

7 чел.

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

Дата: 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.

 

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

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


 

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

33363. Состав и назначение элементов процессорного ядра, характеристика ОМК АТ90S8515 31 KB
  Организация памяти микроконтроллера Память микроконтроллеров VR семейства Clssic выполнена по Гарвардской архитектуре в которой разделены не только адресные пространства памяти программ и памяти данных но также и шины доступа к ним. В связи с тем что регистровая память находится в адресном пространстве ОЗУ об этих двух областях памяти обычно говорят как об одной. 6 регистров общего назначения R26 R31 X Y Z используется в качестве указателей при косвенной адресации памяти данных. Каждый регистр файла имеет свой собственный адрес в...
33364. Структура памяти ОМК АТ90S8515 30.5 KB
  Причем память данных состоит из трех областей: регистровая память статическое ОЗУ и память на основе EEPROM. В связи с тем что регистровая память находится в адресном пространстве ОЗУ об этих двух областях памяти обычно говорят как об одной. Память программ Память программ ёмкостью 4 К 16разрядных слов предназначена для хранения команд управляющих функционированием микроконтроллера.
33365. Порты ввода-вывода ОМК АТ90S8515 31.5 KB
  Конфигурирование каждой линии порта задание направления передачи данных может быть произведено программно в любой момент времени. Обращение к портам ввода вывода Обращение к портам производится через регистры ввода вывода причем под каждый порт в адресном пространстве ввода вывода зарезервировано по 3 адреса. По этим адресам размещаются три регистра: регистр данных порта PORTx регистр направления данных DDRx и регистр выводов порта PINx. Действительные названия регистров и их разрядов получаются подстановкой названия порта вместо...
33366. Таймер/счётчики ОМК АТ90S8515 38 KB
  Как правило эти выводы линии портов ввода вывода общего назначения а функции реализуемые этими выводами при работе совместно с таймерами счетчиками являются их альтернативными функциями. Выводы используемые таймерами счетчиками общего назначения Название T90S8515 Описание T0 PB0 Вход внешнего сигнала таймера T0 T1 PB1 Вход внешнего сигнала таймера T1 ICP ICP Вход захвата таймера T1 OC1 Выход схемы сравнения таймера T1 OC1 PD5 То же OC1B OC1B То же TOSC1 Вход для подключения резонатора TOSC2 Выход для подключения резонатора ...
33367. Универсальный асинхронный приемопередатчик ОМК АТ90S8515 38.5 KB
  Управление работой приемопередатчика осуществляется с помощью регистра управления UCR. Текущее состояние приемопередатчика определяется с помощью регистра состояния USR. При чтении регистра UDR выполняется обращение к регистру приемника при записи к регистру передатчика. Работа передатчика разрешается установкой в 1 разряда TXEN регистра UCR UCSRB.
33368. Система прерываний ОМК AT90S8515 63 KB
  При возникновении прерывания микроконтроллер сохраняет в стеке содержимое счетчика команд PC и загружает в него адрес соответствующего вектора прерывания. По этому адресу должна находиться команда относительного перехода к подпрограмме обработки прерывания. Кроме того последней командой подпрограммы обработки прерывания должна быть команда RETI которая обеспечивает возврат в основную программу и восстановление предварительно сохранённого счетчика команд. Младшие адреса памяти программ начиная с адреса 001 отведены под таблицу векторов...
33369. Канал SPI (синхронный последовательный порт) 38.5 KB
  Выводы используемые модулем SPI Название сигнала T90S8515 Описание SCK РВ7 Выход mster вход slve тактового сигнала MISO РВ6 Вход mster выход slve данных MOSI РВ5 Выход mster вход slve данных РВ4 Выбор ведомого устройства Спецификация интерфейса SPI предусматривает 4 режима передачи данных. Эти режимы различаются соответствием между фазой момент считывания сигнала тактового сигнала SCK его полярностью и передаваемыми данными. Задание режима передачи данных Разряд Описание CPOL Полярность тактового сигнала 0 генерируются...
33370. Система команд и способы адресации памяти данных 76.5 KB
  При прямой адресации адреса операндов содержатся непосредственно в слове команды.4 5 бит слова команды рис. Прямая адресация одного регистра общего назначения Примером команд использующих этот способ адресации являются команды работы со стеком PUSH Rr POP Rd команды инкремента INC Rd декремента DEC Rd а также некоторые команды арифметических операций.d4 5 бит слова команды рис.
33371. Схема СУ на базе ОМК АТ90S8515. 28.5 KB
  Порт РА микроконтроллером используется как мультиплексированная шина адреса данных. Поэтому для сохранения младшего байта адреса необходимо использовать регистр адреса РА. Запись в регистр осуществляется по спаду сигнала LE формируемого автоматически микроконтроллером при обращении по адресам внешнего ОЗУ.