Растровые графические файлы позволяющие. Растровая графика

19.01.2022 Эмуляторы

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

Растровая графика

С примерами растровой графики мы постоянно сталкиваемся в жизни: картинка в телевизоре, мониторе ноута, дисплеи планшета или смартфона — все это примеры растровой графики. Но что же такое растровая графика с технической стороны? Представьте шахматную доску, каждая клетка это минимальная, не делимая единица. В растровой графики принято называть такую минимальную единицу “пиксель”. Любое растровые изображение состоит из множества таких пикселей, которые создают своеобразную мозаику. Т.к. пиксели очень маленькие и их много, наш глаз воспринимает эту мозаику как цельное изображение.


По расширению файлов часто можно сразу понять, что они содержат в себе растровые изображение.

Форматы растровой графики

BMP, GIF, JPG и JPEG, PNG, PICT, PCX, TIFF, PSD (с некоторыми исключениями см. ниже)

Редакторы растровой графики

Их достаточно много, но основные это Photoshop и Paint brush (программа по умолчанию установленная на Windows), так же специализированные редакторы растровой графики для цифрового рисунка (например Сorel Painter).

Недостатки и ограничения растровой графики

Самым главным недостатком растровой графики является потеря качества при увеличении изображения. Что происходит когда вы растягиваете растровые изображение: между существующими пикселями графический редактор растровой графики создает дополнительные, а цвет применяет средний с сопряженными пикселями. В итоге мы получаем “размытое”, не четкое изображение. Кроме того файлы с растровой графикой имеют больший размер по сравнению с файлами векторной графики.
Если говорить о фотографиях или изображениях в которых надо передать фотографическое качество с полутонами — альтернативы раствором формату нет.

Векторная графика

Если вы не дизайнер, то с примерами векторной графики вы сталкиваетесь гораздо реже. Чаще всего векторная графика используется для создания макетов, наиболее распространена в полиграфическом дизайне. Векторная графика не может передать тона и полутона, но гораздо более удобна если речь идет о простых формах, текстах, контурных фигур. Принцип векторной графики: любой контур задается с помощью опорных точек, а все пространство рабочей области представляет собой систему координат. Любая фигура в таком пространстве описывается координатами опорных точек, соединяющими отрезками между ними и характеристиками заливки (цвет, градиент, паттерн) поверхности внутри. Т.е. любое векторное изображение это прежде всего математическая формула.

Форматы векторной графики

CDR, EPS, Ai, CMX, SVG, PSD (в некоторых случаях)

Редакторы векторной графики

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

Недостатки и ограничения векторной графики

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

Преимущества векторного формата

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

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

Как известно, в зависимости от способа формирования изображения на экране монитора, компьютерную графику принято классифицировать на несколько типов:

  • растровую
  • векторную
  • фрактальную
  • трехмерную

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

Основы растровой графики

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

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

Разрешение — количество точек на единицу измерения.

dpi (dots per inch) — количество точек на дюйм.

ppi (points/pixels per inch) — пикселов на дюйм.

Пиксел — точка растра экранного изображения. Все изображения делятся на точки. Пиксел — точка наименьшего размера. Дальше изображение уже делить нельзя. Кроме того, пиксел — это точка одного цвета, невозможно покрасить половину пиксела в один цвет, а другую в другой.

Не путайте разрешение изображения, разрешения монитора и разрешение принтера. Это разные вещи.

Вспомнив основы растровой графики, перейдем к описанию форматов хранения растровой графики.

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

Формат файла — способ сохранения электронных частей, из которых состоит компьютерный файл. Разные форматы организуют сохранение файлов по-разному. Рассматривать все существующие форматы растровой графики я не буду (да и не смог бы), рассмотрим лишь наиболее распространенные и популярные.

BMP (Bit Map — битова карат). В этом формате первоначально использовалось простейшее кодирование — по пикселам (самое неэкономное), которые обходились последовательно по строкам, начиная с нижнего левого угла графического изображения. Файлы этого формата входили в первые версии Windows . В этом формате использовалось только 256 цветов, т.е. пиксел представляется только одни байтом. В дальнейшем формат стал использоваться и для сохранения полноцветных изображений. Формат BMP — один за стандартных форматов растровой графики.

TIFF (Taged Image File Format) — стандартный формат в топографической графике и издательских системах. Файлы в формате TIFF обеспечивают лучшее качество печати. Из-за большого размера, данный формат не применяется при создании Web-сайтов и публикации в Интернет.

Формат TIFF относится к числу наиболее универсальных и распространенных форматов растровой графики. Он создавался в качестве межплатформенного универсального формата для цветных изображений. Работа с ним поддерживается почти всеми программами для работы с точечной графикой. Может хранить графику в монохромном виде, в RGB и CMYK цветовых представлениях.

Формат включает в себя внутреннюю компрессию. Он имеет открытую архитектуру — предусмотрена возможность объявления в заголовке сведений о типе изображения, т.е. его версии могут быть использованы в дальнейшем для представления новых разработок. В формате сохраняется и сопроводительная информация передаваемых изображений (подписи и пр.). Изображения в формате TIFF хранятся в файлах с расширением .tif .

Формат GIF (Graphic Interchamge Format) — формат обмена графическими данными, который служит для записи и хранения растровых графических изображений. Этот формат отличается от других форматов растровой графики тем, что он долгое время поддерживается в Интернете. Использует индексированные цвета (ограниченный набор цветов). Это один из самых распространенных форматов картинок, распространяемых в Интернет и применяемых при создании Web-сайтов.

Изображения в GIF .gif . К преимуществам GIF изображения относится то, что вид изображения не зависит от браузера и платформы. Лучше всего отображаются рисунки, чертежи и изображения с небольшим количеством однородных цветов, прозрачные изображения и анимационные последовательности (эта очень известная особенность данного формата графики). В GIF изображениях используется сжатие без потери информации.

Формат JPEG (Joint Photographic Expert Group) — предназначен для хранения изображений со сжатием. Применяющийся в нем метод сжатия изображений разработан группой экспертов в области фотографии. Сразу становится ясной расшифровка аббревиатуры JPEG — объединенная группа экспертов по обработке фотоснимков.

JPEG — один из самых мощных алгоритмов сжатия изображения. Практически он является стандартом де-факто для хранения полноцветных изображений. Формат JPEG был создан для того, чтобы избавиться от ограничений которые налагались на изображения, созданные в GIF формате.

Алгоритм оперирует областями 8 ? 8, на которых яркость и цвет меняется сравнительно плавно. Сжатие в JPEG осуществляется за счет плавного изменения цветов в изображении. Обеспечивается высокий коэффициент сжатия, значение которого достигает 100 и зависит от допустимого уровня потерь изобразительной информации.

Формат широко используется в документах HTML и для передачи данных по сети. Сохраняет параметры графики в цветовом представлении RGB (как правило). Изображения в JPEG формате хранятся в файлах с расширением .jpg .

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

Формат JPEG 2000 (jp2)

Данный формат был разработан для замены JPEG . При сохранении изображения с одинаковым уровнем сжатия изображения, сохраненные в формате JPEG 2000 , получаются более четкими и занимают меньше места на диске. К тому же, в этом формате решена проблема с появлением дефектов JPEG , которые появлились при сохранении с большим коэффициетом сжатия (решетка из блоков 8 ? 8 пикселей).

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

PNG (portable network graphics) — формат хранения растровой графики, использующий сжатие без потерь. PNG — это свободный формат (в отличии от GIF), поэтому получил широкое распространение.

Это очень мощный и широко применяемый формат в Интернете и других областях компьютерной графики.

Формат WMF

Формат WMF (Windows Metafile Format) — используется для обмена графическими данными между приложениями ОС Microsoft Windows . В WMF файлах могут хранится как векторные, так и растровые изображения. Изображения в WMF формате хранятся в файлах с расширением .wmf .

Форматы PSD и CDR

Формат PSD (PhotoShop Document) — внутренний формат для пакета Adobe Photoshop . Позволяет сохранять слои в изображении и поддерживает все типы графики. Изображения в PSD формате хранятся в файлах с расширением .psd .

Формат CDR — внутренний формат для пакета программ фирмы CorelDRAW . Изображения и текст подготовленные в программе CorelDRAW в CDR формате, хранятся в файлах с расширением .cdr .

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

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

Использование GIF

Характеристики формата:

  • Поддержка сжатия: без потерь (Lempel-Ziv-Welch, LZW)
  • Поддержка прозрачности: Да
  • Поддержка анимации: Да (отличительная особенность данного формата)
  • Да (interlaced)
  • Количество цветов: индексированные цвета (256 цветов)
  • все платформы

Рекомендации: целесообразно использовать этот формат в Web , для изображений без плавных цветовых переходов (логотипы, баннеры, надписи, схемы). Хороший тип сжатия и малое количество поддерживаемых цветов позволяют экономить место при хранении графики, а также использовать при создании сайтов для более быстрой загрузки HTML -страниц. Черезстрочная развертка дает возможность увидеть и оценить загружаемое изображения не дожидаясь окончание загрузки. Тем не менее, ограниченный набор цветов делает непригодным этот формат для хранения изображений с плавными переходами, градиентами и т.д. Применяется в основном в Интернете.

Использование PNG

Характеристики формата:

  • Поддержка сжатия: сжатие без потерь (Deflate)
  • Поддержка прозрачности: Да
  • Поддержка анимации: Да (APNG)
  • Поддержка черезстрочного отображения: Да (two-dimensional interlacing)
  • Количество цветов: Deep Color
  • Совместимость с другими платформами: все платформы

Рекомендации: наиболее совершенный алгоритм сжатие в PNG позволяет сохранять файлы меньше по объему, чем в GIF . Возможность применения абсолютно любого цвета и использование прозрачности делают этот формат лидером в плане применения в Web . Я бы рекомендовал использовать его вместо GIF . Область применения — используется при дизайне Web -сайтов, редактировании изображений и т.д. Это универсальный формат с большим будущим.

Использование JPEG

Характеристики формата:

  • Поддержка сжатия: сжатие с потерями
  • Поддержка прозрачности: отсутствует
  • Поддержка анимации: отсутствует
  • Поддержка черезстрочного отображения: Да (Progressive JPEG)
  • Количество цветов: True Color (модели RGB и CMYK)
  • Совместимость с другими платформами: все платформы

Рекомендации: этот формат нужно использовать для хранения большого количества изображений (фотографий) на жестком диске, что позволит значительно сэкономить его рабочее пространство (благодаря великолепному типу сжатия). В нем нужно хранить фотографии большого размера с большим количеством плавных переходов. Малый размер конечных файлов, позволяет эффективно применять JPEG для публикации фотографий в Интернет. Но не стоит сохранять одно и тоже изображения в JPEG несколько раз — это приведет к появлению дефектов и «повредит» изображение.

Использование TIFF

Характеристики формата:

  • Поддержка сжатия: поддерживает возможность применения различных алгоритмов сжатия (в зависимости от самого сохраняемого изображения)
  • Поддержка прозрачности: отсутствует
  • Поддержка анимации: отсутствует
  • Поддержка черезстрочного отображения: отсутствует
  • Количество цветов: 8, 16, 32 и 64 бит на кана (модели Lab, RGB и CMYK)
  • Совместимость с другими платформами: все платформы

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

Использование BMP

Характеристики формата:

  • Поддержка сжатия: есть возможность использования сжатия без потерь (Run Length Encoding, RLE)
  • Поддержка прозрачности: отсутствует
  • Поддержка анимации: отсутствует
  • Поддержка черезстрочного отображения: отсутствует
  • Количество цветов: модель RGB, глубина цвета 24 бита
  • Совместимость с другими платформами: только Windows

Рекомендации: данный формат не пригоден для использования в Web , типографике и даже для хранения изображений (из-за отсутсвия сжатия изображений). Используется только из-за того, что «внедрен» в ОС Windows по умолчанию.

Заключение

Надеюсь данная статья помогла Вам немного разобраться в многообразии форматов растровой графики. Мои рекомендации помогут Вам определиться с выбором формата для хранения графики. Если кратко, то в JPEG хранят фотографии, в GIF — баннеры и логотипы (но желательно постепенно переходить к PNG ), а TIFF используется для подготовки документов к печати.

Основным (наименьшим) элементом растрового изображения является точка . Если изображение экранное, то эта точка называется пикселом . Каждый пиксел растрового изображения имеет свойства: размещение и цвет. Чем больше количество пикселей и чем меньше их размеры, тем лучше выглядит изображение. Большие объемы данных - это основная проблема при использовании растровых изображений. Для активных работ с большеразмерными иллюстрациями типа журнальной полосы требуются компьютеры с исключительно большими размерами оперативной памяти (128 Мбайт и более). Разумеется, такие компьютеры должны иметь и высокопроизводительные процессоры.

Достоинства растровой графики:

  1. Возможность воспроизведения изображений любого уровня сложности. Количество деталей, воспроизводимых на изображении во многом зависит от количества пикселов.
  2. Точная передача цветовых переходов.
  3. Наличие множества программ для отображения и редактирования растровой графики. Абсолютное большинство программ поддерживают одинаковые форматы файлов растровой графики. Растровое представление, пожалуй, самый «старый» способ хранения цифровых изображений.

Недостатки растровой графики

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

Форматы растровой графики

Не смотря на кажущуюся простоту представления растровой графики, ее форматов существует «вагон и маленькая тележка»! И их количество продолжает меняться - какие‑то форматы устаревают, какие‑то только начинают разрабатываться. Описывать все - долго и не интересно, я опишу только те, которые, на мой взгляд, могут быть интересны дизайнерам и фотостокерам.

PNG (Portable Network Graphics) - еще один формат растровой графики, поддерживающий прозрачность, причем не только обычную прозрачность, как GIF, но и полупрозрачность - плавный переход цвета в прозрачную область. Целью создания PNG как раз и была замена GIF, так как компания CompuServe - разработчик формата GIF в 1995 году на 10 лет запатентовала алгоритм сжатия, использованный при создании gif-картинок, что делало невозможным бесплатное использование данного формата в коммерческих проектах.

Преимущества PNG:

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

Недостатка у PNG, на мой взгляд, всего 2:

  1. Невозможность создания анимированного изображения
  2. Неоднозначное «понимание» прозрачности формата PNG интернет-браузерами. Некоторые браузеры, в основном устаревшие версии, отказываются отображать прозрачные области изображения формата PNG и закрашивают их серым цветом. Но этот недостаток, я думаю, скоро перестанет быть актуальным.

TIFF (Tagged Image File Format) - формат для хранения изображений высокого качества, поддерживает любые из существующих цветовые модели, обеспечивает широкий диапазон изменения глубины цвета, поддерживает работу со слоями. Хранение информации в формате TIFF возможно как с потерями, так и без потерь. Фотокамеры, не поддерживающие RAW-формат иногда могут делать снимки в формате TIFF.

На фотобанки, у которых есть возможность загружать дополнительные форматы к основному изображению в формате JPEG (Dreamstime.com, iStock.com) в качестве дополнительного можно загружать TIFF.

Недостатком формата является большой вес файла, гораздо бОльший, нежели файл RAW-формата такого же качества - каждый снимок в TIFF весит от 8 до 20Мб.

RAW (в переводе с английского «raw» - сырой)

Формат RAW появился благодаря цифровым фотоаппаратам. RAW - это по‑сути «отпечаток», который остается на матрице фотоаппарата в момент съемки, а точнее целых 3 отпечатка - в красном, зеленом и синем цветах. Кроме этих отпечатком в RAW-файле хранятся и некоторые другие данные, которые в подобном случае носят скорее справочный характер, диктующие RAW-конвертеру с какой интерсивностью отразить на экране каждый из цветных каналов для разных пикселов - это балланс белого, цветовое пространство и т.д. Изменение этих параметров никак не отразится на исходной информации, вы можете их безболезненно изменить и в любой момент вернуться к первоначальному виду. С полученным в результате экспорта другим растровым форматом работать будет уже гораздо проблематичнее. Расширения у файлов в формате RAW могут быть разные (.cr2,.crw,.nef и т.д.) в зависимости от марки фотоаппарата - у каждого производителя камер свой способ хранения информации. Для редактирования RAW-файлов и преобразования их в другие растровые форматы производители камер поставляют свой собственный софт и при этом RAW-конвертер фирмы Canon будет читать только RAW-файлы снятые фотоаппаратами Canon (.cr2,.crw) и не сможет прочитать RAW-файл снятый фотоаппаратом Nikon (.nef). Существуют RAW-конвертеры сторонних производителей, которые работают с большинством RAW-файлов. В общем, отсутствие единого стандарта создает определенные неудобства при работе с этим форматом.

Недостатками формата являются большой размер файла (хотя и не такой большой, как TIFF) и отсутствие единого стандарта формирования RAW-файлов для всех производителе й фототехники.

RAW как и TIFF можно отправлять на фотобанки в качестве «дополнительного» формата изображения - наличие исходникаможет повлиять на решение дизайнера о покупке изображния.

JPEG (Joint Photographic Experts Group - название разработчика) - самый распространенный формат растровой графики (по крайней мере - в Интернете). JPEG - пример использования алгоритмов сжатия «с потерями» или, по‑другому, «искажающего сжатия», он наиболее подходит для хранения картин, фотографий и других реалистичных изображений с плавными цветовыми переходами, но зато практически не пригоден для чертежей и схем, то есть для изображений с резкими переходами - алгоритм сжатия будет образовывать заметные артефакты в местах резкого контраста.

Не рекомендуется хранить в этом формате промежуточные варианты работы - каждое «пересохранение» будет вести к необратимой потере части информации. Алгоритм сжатия, используемый в этом формате (lossy compress) основан на «усреднении» цвета рядом стоящих пикселов.

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

Формат JPEG - так же основной формат, в котором фотобанки принимают растровые изображения(фотографии и иллюстрации) для продажи. Сохранять конечный вариант файла, отправляемый на микросток, нужно в цветовой модели RGB, разрешением 300dpi и, конечно, в 100%-м качестве. Так же можно вписать в файл IPTC-информацию (название, описание, ключевые слова) - формат JPEG позволяет это сделать и это значительно сэкономит вам время при отправке изображений на несколько фотобанков.

Кроме общих форматов растровой графики (GIF, JPEG, TIFF и др.), которые «читаются» всеми графическими редакторами и просмотровщиками изображений, существуют «родные» форматы почти каждого редактора, которые можно открыть только программой, в которой они были сделаны, например, формат.PSD программы Adobe Photoshop. При обработке фотографий, растровых иллюстраций и разработке дизайна, промежуточные варианты следует сохранять в таких форматах и только финальные версии переводить JPEG. Это нужно для того, чтобы можно было сохранять результаты работы без потери информации и в любой момент внести изменения в изображение или проект.


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

Векторные файлы структурно более просты, чем большинство растровых файлов, и обычно организованы в виде потоков данных.

Примеры наиболее распространенных векторных форматов - AutoCAD DXF и Microsoft SYLK.

WMF. Это векторный формат, который используется графическими программами ОС Windows. Этот формат служит для передачи векторных изображений через буфер обмена в среде Windows. Этот формат принимается практически всеми программами, работающими с векторной графикой. Использовать этот формат для растровых изображений нельзя. Недостатки: искажение цвета и несохранение ряда параметров, которые устанавливаются для изображений в графических программах.

AI. Внутренний формат программы Illustrator. Может открываться программой Photoshop и кроме того этот формат поддерживают все программы, связанные с векторной графикой. Этот формат является лучшим средством при передаче векторных изображений из одной программы в другую. Растровые графические элементы при передаче через AI-формат в большинстве случаев теряются.

CDR. Это внутренний формат программы Corel Draw. Этот формат имеет большую популярность, как и сам пакет программ. Многие программы могут импортировать векторные файлы в форматы Corel Draw. В формате CDR содержаться и растровые графические объекты. В этом формате применяется компрессия, причем для векторных и растровых файлов применяется разная компрессия.

Метафайловые форматы

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

Наиболее распространенные метафайловые форматы - WPG, Macintosh PICT и CGM.


















Назад Вперёд

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

Цель:

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

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

Программное обеспечение: растровый редактор Paint.

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

ХОД УРОКА

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

II. Актуализация опорных знаний

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

Вопросы для повторения:

  1. В чем отличие аналогового и дискретного способов представления?
  2. Дайте определение пространственной дискретизации.
  3. От каких характеристик зависит качество изображения?
  4. Как формируется палитра в системе цветопередачи RGB?
  5. Какой цвет получится при мах интенсивности одного из основных цветов?
  6. Какой цвет получится в результате:

а) R 0 + G 0 + B 0 ,

б) R max + G max + B max ,

в) R 0 + G max + B max ,

г) R max + G max + B 0 .

III. Сообщение темы и цели урока

IV. Теоретическая часть урока

1. Растровая графика

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

Растровые изображения формируются из точек различного цвета(пикселей), которые образуют строки и столбцы, кроме того, они очень чувствительны к масштабированию. При уменьшении растрового изображения несколько соседних точек (различного цвета) преобразуются в одну, поэтому "теряется" цвет точек, мелкие детали изображения становятся нечеткими, надписи деформируются. При увеличении изображения количество точек не увеличивается, а увеличивается их размер - мы получаем ступенчатый эффект, который можно увидеть невооруженным глазом (на увеличенном изображении пиксели "изображены" в виде квадратиков). Кроме того, растровый рисунок имеет большой вес, так как каждый пиксель "весит" 3 байта.

Вывод:

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

2. Растровые графические редакторы.

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

  • позволяют повышать качество изображений путем изменения цветовой палитры и цвета отдельного пикселя;
  • повышают яркость и контрастность изображений;
  • удаляют мелкие дефекты изображения (царапины, следы перегибов и т.д)
  • позволяют преобразовать черно-белое изображение в цветное;
  • использовать различные эффекты преобразования изображений.

Наиболее известные растровые редакторы.

GIMP - самый популярный свободный бесплатный редактор

Corel Photo-Paint- растровый графический редактор, разработанный канадской корпорацией Corel.

Adobe Photoshop - самый популярный коммерческий графический редактор, разработанный и распространяемый фирмой Adobe Systems.

Paint- простой растровый графический редактор компании Microsoft, входящий в состав операционной системы Windows.

3. Форматы растровых графических файлов

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

Существуют разные форматы растровых графических файлов:

1. Формат BMP (Bit Map image) - универсальный растровый формат операционной системы Windows. Этот формат поддерживается многими графическими редакторами, в том числе редактором Paint. Рекомендуется для хранения и обмена данными с другими приложениями. Недостатком данного формата является большой вес файла, так как хранятся коды всех точек изображения

2. Формат GIF (Graphics Interchange Format) - формат растровых графических файлов различных операционных систем (Windows, Linux). Позволяет сжимать файл без потери информации за счет уменьшения одноцветных областей изображения. (Это способствует уменьшению файла в несколько раз). Используется для размещения графических изображений на Web-страницах в Интернете. Недостатком данного формата является ограниченная палитра цветов (всего 256)

3. Формат PNG (Portable Network Graphic) - растровый формат хранения графической информации, аналогичный формату GIF, использующий сжатие без потерь. Рекомендуется для размещения графических изображений на Web- страницах в Интернете. Формат позволяет пользователю выбрать: метод сжатия без потери данных и указать степень сжатия (высокая степень сжатия и плохое качество изображения или низкая степень сжатия и высокое качество изображения). Данный формат использует палитру более 16 млн. цветов

4. Формат TIFF (Tagged Image File Format) - формат растровых графических файлов, поддерживается всеми основными графическими редакторами и компьютерными платформами. Используется для обмена документами между различными программами и рекомендуется при работе с издательскими системами. Формат для хранения изображений с большой глубиной цвета, имеет возможность сохранять изображение со сжатием и без сжатия. Формат TIFF позволяет хранить изображения, сжатые по стандарту JPEG, без потерь данных. Но, несмотря на возможность сжатия файла, является "многовесным" растровым форматом, поэтому не годится для использования в сети Интернет. Это недостаток формата.

5. Формат JPEG (Joint Photographic Expert Group) - формат растровых графических файлов, реализующий эффективный алгоритм сжатия отсканированных фотографий и иллюстраций. В результате сжатия отбрасывается избыточное для человеческого восприятия разнообразие цветов соседних точек, что позволяет уменьшить объем файла в десятки раз. Поддерживается приложениями различных операционных систем и используется для размещения графических изображений на Web-страницах в Интернете (самый распространенный формат). Однако имеет недостаток - сжатие файла приводит к необратимой потере информации.

4. Закрепление материала

Вопросы для закрепления:

  1. Как формируется растровое изображение?
  2. Что влияет на качество изображения?
  3. Почему искажается файл при увеличении или уменьшении?
  4. Почему растровые графические файлы имеют "большой вес"?
  5. Какие форматы графических файлов вам известны?

V. Физкультминутка

VI. Практическая часть урока

1. Практическая работа учащихся

Задание 1 . Формирование растрового изображения.

Создать папку Растровая графика (Рабочий стол \ Мои документы \ Растровая графика);

(щелчок правой кнопкой- контекстное меню- команда Создать- папку- имя: Растр)

(Учитель по выбору может предложить получить растровое изображение со сканера, поиск фотографии в сети Интернет с последующим сохранением в папку, скопировать ранее сохраненный файл, например из папки Мои рисунки или воспользоваться приложением <Рисунок1>);

3) Скопировать файл Растр.jpg и вставить в папку

((щелчок правой кнопкой- контекстное меню- команда Копировать;

щелчок правой кнопкой- контекстное меню- команда Вставить - имя файла - Растр1.jpg );

Задание 2. Форматы растровых файлов

1) Открыть файл Растр.jpg

(Щелчок правой кнопкой мыши на файле Растр.jpg - контекстное меню- команда Открыть с помощью- программы Paint);

(В горизонтальном меню команда ФАЙЛ - раскрывающееся меню команда Сохранить как:;

Диалоговое окно Сохранение документа:а) путь сохранения- Мои документы \ папка- Растр,

б) поле Имя файла-jpg,

в) поле Тип файла- выбрать расширение JPG(*.JPG, *.JPEG, *.JPE, :.) командная кнопка Сохранить)

(при сохранении файла как 256-цветный рисунок следует подтвердить выполнение сохранение в диалоговом окне)

Задание 3. Форматы растровых файлов

1) Открыть файл Растр1.jpg с помощью графического редактора Paint

(Щелчок правой кнопкой мыши на файле Растр.jpg - контекстное меню - команда Открыть с помощью- программы Paint);

3) Закрыть приложение

Задание 4. Сравнение форматов растровых файлов

Открыть папку Растр (Рабочий стол \ Мои документы \ Растр);

Просмотреть файлы с помощью программы просмотра

(Щелчок правой кнопкой мыши - контекстное меню- команда Открыть с помощью- программа просмотра изображений и факсов);

2. Вопросы для закрепления:

Какой формат "потерял" качество изображения?

Назовите форматы файлов, которые при сжатии сохранили качественное изображение.

Формат какого файла вы выбрали бы для вставки изображения на страничку своего сайта? Обоснуйте свой ответ.

VII. Домашнее задание: параграф 2.2, вопросы

VIII. Подведение итогов урока

IX Выставление оценок

Литература.

1. Угринович Н.Д. "Информатика и ИКТ". Учебник 10 класс (базовый уровень) - Москва, БИНОМ, 2010 г.

2. Угринович Н.Д, Л.Л.Босова, Н.И. Михайлова "Практикум по информатике и информационным технологиям". Учебное пособие. - Москва, БИНОМ, 2002;

3. Угринович Н.Д. "Преподавание курса "Информатика и ИКТ" в основной и старшей школе 7-11". Методическое пособие для учителей. - Москва, БИНОМ, 2005;

5. А.Х.Шелепаева "Поурочные разработки по информатике 10-11 класс". - Москва, ВАКО, 2007

6. Мультфильм "Маша и медведь"(11 сер., реж. М.Нефедова, "Анимаккорд", 2010)

7. Информационные ресурсы Интернета:

4) http://www.1zoom.ru/18/top14/133/&width=1280&height=1024