60730

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

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

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

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

Русский

2014-05-20

182.5 KB

5 чел.

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

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

 

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

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


 

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

29529. Дифференциал функции. Приложения производной 389 KB
  Дифференциал функции записывается в виде . Дифференциалом 2ого порядка функции называется дифференциал от её первого дифференциала и обозначается т. Если независимая переменная то для нахождения дифференциала функции справедлива формула .
29530. Теоремы о дифференцируемых функциях. Формула Тейлора 300.5 KB
  Если функция непрерывна на отрезке дифференцируема на интервале и то на существует точка такая что . Если функция непрерывна на отрезке и дифференцируема на интервале то на существует точка такая что формула Лагранжа. Если функции и непрерывны на отрезке дифференцируемы на интервале и при всех то на интервале существует точка такая что формула Коши.150 Проверить выполняется ли теорема Ролля для следующих функций и если выполняется то для каких значений : а на отрезке ; б на отрезке ;...
29531. Правило Лопиталя 234.5 KB
  Правило Лопиталя. Правило Лопиталя используют для раскрытия неопределённостей видов и . На каждом этапе применения правила Лопиталя следует пользоваться упрощающими отношение тождественными преобразованиями а также комбинировать это правило с любыми другими приёмами вычисления пределов.
29532. Исследование функций и построение графиков 409 KB
  Точка принадлежащая области определения функции называется критической точкой функции если в этой точке или не существует. Критические точки функции разбивают её область определения на интервалы монотонности интервалы возрастания и убывания. Если точка экстремума функции то или не существует.246 Наибольшее и наименьшее значения функции.
29533. Функции нескольких переменных (область определения, частные производные, дифференциал) 442 KB
  Естественной областью определения функции называется множество точек для координат которых формула имеет смысл. Графиком функции в прямоугольной системе координат называется множество точек пространства с координатами представляющее собой вообще говоря некоторую поверхность в . Линией уровня функции называется линия на плоскости в точках которой функция принимает одно и тоже значение .
29534. ФНП (неявная производная, градиент, производная по направлению, эластичность, локальные и глобальные экстремумы) 487.5 KB
  63 Найти производную для функций заданных неявно: а ; б ; в ; г .64 Найти производные указанного порядка для функций заданных неявно: а если ; б если .65 Найти частные производные для функций заданных неявно: а ; б ; в ; г 6.66 Найти дифференциал функции заданной неявно в указанной точке если: а ; б .
29535. ФНП (производная сложной функции, условные экстремумы, касательная плоскость и нормаль, выпуклость) 418.5 KB
  Достаточное условие условного экстремума. Пусть - точка возможного условного экстремума функции , т.е. в этой точке выполнены необходимые условия условного экстремума. Тогда, если при всевозможных наборах значений , удовлетворяющих соотношениям () и не равных одновременно нулю:
29536. Векторный анализ. Теория поля 102.5 KB
  Векторные функции действительной переменной. Если каждому значению действительной переменной поставлен в соответствие вектор то говорят что на множестве задана векторфункция действительной переменной . Задание векторфункции равносильно заданию трёх числовых функций координат вектора : или кратко .
29537. Функция. Основные понятия. Графики элементарных функций 439 KB
  Графики элементарных функций.12 найти область определения функций: 4.21 выяснить какие из указанных функций четные какие нечетные.30 выяснить какие из функций являются периодическими и определить их наименьший период Т: 4.