≡× МЕНЮ

• Проблемы 
• Сетевое 
• Обзоры
• Интернет
• Windows 7

Презентация "форматы графических файлов". Презентация "Растровая графика. Форматы графических файлов" Форматы графических файлов презентация

Слайд 1

Описание слайда:

Слайд 2

Описание слайда:

Слайд 3

Описание слайда:

Слайд 4

Описание слайда:

Слайд 5

Описание слайда:

Слайд 6

Описание слайда:

Слайд 7

Описание слайда:

Слайд 8

Описание слайда:

Формат PNG Этот формат, созданный специально для использования в Интернет на смену GIF, сжимающий графическую информацию без потерь качества. В отличие от GIF сжимает растровые изображения не только по горизонтали, но и по вертикали, что обеспечивает более высокую степень сжатия. Глубина цвета может быть любой, вплоть до 48 бит (RGB, для сравнения, - 24), поддерживается плавно переходящая прозрачность. В файл формата PNG записывается информация о гамма-коррекции. Гамма представляет собой некое число, характеризующее зависимость яркости свечения экрана вашего монитора от напряжения на электродах кинескопа. Это число, считанное из файла, позволяет ввести поправку яркости при отображении. Нужно оно для того, чтобы картинка, созданная на Мас"е, выглядела одинаково и на РС и на Silicon Graphics. Таким образом, эта особенность помогает реализации основной идеи WWW - одинакового отображения информации независимо от аппаратуры пользователя. Файлы PNG могут делать все основные графические редакторы.

Слайд 9

Описание слайда:

Слайд 10

Описание слайда:

Формат TIFF TIFF (Tagged Image File Format) – аппаратно независимый формат TIFF на сегодняшний день является одним из самых распространенных и надежных, его поддерживают практически все программы на РС и Macintosh так или иначе связанные с графикой. TIFF является лучшим выбором при импорте растровой графики в векторные программы и издательские системы. Ему доступен весь диапазон цветовых моделей от монохромной до RGB, CMYK и дополнительных цветов Pantone. TIFF может сохранять векторы Photoshop"a, Alpha-каналы для создания масок в видеоклипах Adobe Premiere и массу других дополнительных данных. Наибольшие проблемы обычно вызывает LZW-компрессия, иногда применяемая в TIFF"e. Ряд программ (например, QuarkXPress 3.x и Adobe Streamline) не умеют читать такие файлы, кроме того, они могут дольше выводиться на принтеры и фотонаборные автоматы. Только если файл комрессуется в 3-4 раза, получается выигрыш во времени вывода.

Слайд 11

Описание слайда:

Слайд 12

Описание слайда:

Слайд 13

Описание слайда:

JPEG JPEG - (Joint Photographic Experts Group) – сжатый особым
образом растровый файл (с потерей качества).
Это самый распространенный формат графических файлов.
JPEG ищет плавные цветовые переходы, обрабатывая
квадратные блоки со стороной 8 пикселей.
Вместо действительных значений JPEG хранит скорость
изменения от пиксела к пикселу.
Лишнюю, с его точки зрения, слабо воспринимаемой
человеческим глазом цветовую информацию он отбрасывает,
усредняя некоторые значения. Чем выше уровень сжатия, тем
больше данных отбрасывается и тем ниже качество.
Формат аппаратно независим.
В JPEG следует сохранять только конечный вариант работы.

JPEG

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

BMP

- (Windows Bitmap) разрабатывался фирмой Microsoft как
совместимый со всеми приложениями Windows.
Это «чистый» растровый формат, где закодирован каждый пиксель,
поэтому из всех растровых форматов это самый «тяжелый» (т.е.
имеющий наибольший информационный объем).
Преимущества: высокое качество изображений
Недостатки: очень большой объем файла, что сильно затрудняет или
делает невозможным его хранение, передачу, особенно в Интернет
Эти два файла (слева и справа (просто белый
фон)) – BMP – рисунки, которые имеют
одинаковый
информационный
объем!
(объем файла не зависит от степени
наполнения рисунка объектами, так как у
обоих рисунков кодируется каждый пиксель).

GIF

GIF - (Graphics Interchange Format) – создан
специально для передачи изображений в
Интернет фирмой CompuServe.
Он может хранить сжатые без потери данных
изображения в формате до 256 цветом.
Формат GIF идеально подходит для чертежей и
графиков, а так же поддерживает прозрачность и
анимацию.
Так же GIF поддерживает сжатие без потери
качества.

GIF

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

TIFF

Очень популярен для хранения изображений.
Позволяет сохранять фотографии в различных
цветовых пространствах (RBG, CMYK, Lab и пр.) и с
большой глубиной цвета (8, 16, 32 и 64 бит).
Широко поддерживается графическими
приложениями и используется в полиграфии.
Право на формат TIFF в данный момент принадлежит
компании Adobe Photoshop.
В отличии от JPG, изображение в TIFF не будет терять
в качестве после каждого сохранения файла.
Но, TIFF файлы весят в разы больше JPG.

RAW

Формат файлов содержащий необработанную
информацию, поступающую напрямую с матрицы
фотокамеры.
Эти файлы не обрабатываются процессором
камеры (в отличие от JPG) и содержат
оригинальную информацию о съемке.
RAW может быть сжат без потери качества.
Преимущества: широчайшие возможности по
обработке фотографии и сохраняет максимальное
качество.

TGA

TGA (Targa) – это имя графического адаптера фирмы
Truevision, который впервые использовал TGA-формат.
Формат может хранить изображения с глубиной цвета до 32
бит.
Наряду со стандартными тремя RGB - каналами TGA-файл
имеет дополнительный альфа-канал для представления
информации о прозрачности изображения.
Информация может быть сжата.
Основное достоинство – формат используется программными
продуктами многих известных в мире компьютерной
графики фирм(Apple QuickTime Player, ACDSee Photo Manager,
Adobe Photoshop, Corel Paint Shop Pro Photo X2 - Free Trial,
Herculesoft 123 Graphic Converter,
GIMP).

PSD

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

PNG

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

SVG

SVG
(от
англ.
Scalable
Vector
Graphics
-
масштабируемая
векторная
графика)
-
язык
разметки
масштабируемой
векторной
графики,
созданный Консорциумом Всемирной паутины (W3C) и
входящий в подмножество расширяемого языка разметки XML,
предназначен для описания двумерной векторной и
смешанной векторно/растровой графики в формате XML.
Поддерживает как неподвижную, так и анимированную
интерактивную графику (декларативную и скриптовую).
Не поддерживает описание трёхмерных объектов.

Достоинства SVG

Текстовый формат - файлы SVG можно читать и редактировать (при
наличии некоторых навыков) при помощи обычных текстовых
редакторов.
Масштабируемость - cуществует возможность увеличить любую
часть изображения SVG без потери качества. Дополнительно, к
элементам SVG документа возможно применять фильтры -
специальные модификаторы для создания эффектов, подобных
применяемым при обработке растровых изображений (размытие,
выдавливание, сложные системы трансформации и др.)
Имеется возможность вставлять элементы с изображениями в
форматах PNG, GIF или JPG.
Текст в графике SVG является текстом, а не изображением, поэтому
его можно выделять и копировать, он индексируется поисковыми
машинами, не нужно создавать дополнительные метафайлы
для поисковых роботов.

Достоинства SVG

SVG-элементами можно управлять с помощью JavaScript.
Применение скриптов и анимации в SVG позволяет создавать
динамичную и интерактивную графику.
Анимация может запускаться по определенному событию
(например «onmouseover» или «onclick»), что придаёт графике
интерактивность. У каждого элемента есть свои собственные
события, к которым можно привязывать отдельные скрипты.
SVG - открытый стандарт. В отличие от некоторых других
форматов, SVG не является чьей-либо собственностью.
SVG документы легко интегрируются с HTML и XHTML
документами.
Совместимость с CSS.

Недостатки SVG

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

JPEG 2000 (или jp2)

Новый графический формат, созданный для замены JPEG.
При одинаковом качестве размер файла в формате JPEG
2000 на 30% меньше, чем JPG.
При сильном сжатии JPEG 2000 не разбивает изображение
на квадраты, характерные формату JPEG.
К сожалению, на данный момент этот формат мало
распространен и поддерживается только некоторыми
браузерами.

Подведем итоги…

формат BMP – очень качественная графика, но большой объем файла;
формат JPEG – наиболее подходящий для хранения качественных
изображений и фотографий, приемлемое соотношение качества и
размера файла;
формат JPEG обычно используется для рисунков высокого качества,
содержащих тысячи и миллионы цветов (до 16,7 миллионов
оттенков);
Удобство использования рисунков JPEG заключается в том, что,
изменяя качество рисунка, можно управлять степенью сжатия файла;
обозреватель способен загружать рисунки в формате JPEG только
линейно, от верхней строки к нижней;
формат GIF наилучшим образом подходит для изображений, в
которых содержится малое количество разных цветов;

Подведем итоги…

рисунок в формате GIF с чередованием сначала загружается с
низким разрешением, а затем, по мере появления целого
рисунка, его качество постепенно улучшается. Таким образом,
пользователь сможет увидеть суть изображения перед тем, как
изображение появится целиком;
один из цветов рисунков в формате GIF может быть сделан
прозрачным, чтобы видеть цвет фона текущего окна
обозревателя;
формат файлов TIFF используется в качестве универсального
формата для обмена цифровыми изображениями;
формат PNG (Portable Network Graphics - переносимая сетевая
графика) является альтернативой формата GIF, но позволяет
сохранять в изображении миллионы цветов;
Формат SVG предназначен для описания двумерной векторной
и смешанной векторно/растровой графики.

Оптимизация графики

Смысл оптимизации графики – это уменьшение
информационного объема графического файла,
особенно для размещения ее в сети Интернет.
Вспомним, что объем файла зависит от размеров
изображения в пикселях и глубины цвета:
ОБЪЕМ ФАЙЛА (V) = A ×B × I
Поэтому уменьшить объем картинки
(оптимизировать) можно следующими способами:
уменьшение размеров изображения в пикселях (А ×В);
уменьшение глубины цвета I (использование меньшего
количества цветов);
сжатие файла (компрессия) специальными
методами,
отбрасывание части цветовой информации, использование GIF –
форматов.

Учитель информатики

ФОРМАТЫ ГРАФИЧЕСКИХ ФАЙЛОВ

• Универсальные и оригинальные форматы
• Задание1
• Задание2

Что такое формат графического файла

Форматы графических файлов определяют

• способ хранения информации в файле (растровый или векторный )
• форму хранения информации (используемый алгоритм сжатия )

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

• Для рисунков типа диаграммы целесообразно применять алгоритм сжатия, который использует поиск повторяющихся в рисунке «узоров».
• Такой алгоритм сжатия используется в форматах TIFF и GIF и позволяет сжать файл в несколько раз.

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

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

• Задача1
• Битовая глубина равна 32, видеопамять делится на две страницы, разрешающая способность дисплея – 800 x 600. Вычислить объём видеопамяти.
• Задача2
• Определить информационный объём растрового изображения размером 1024х768 пикселей и состоящего из 64 различных цветов.

Задание2 (практическая работа)

1) Нарисовать рисунок в растровом графическом редакторе Paint , сохранить его в папке «Форматы» сначала с расширением .bmp , затем – с расширениями . ipg , .gif , .tif , .png . Сравнить размеры полученных файлов с помощью таблицы1, которую оформить в Word.

2) Преобразовать произвольный рисунок (формат.jpg) в программе MS Office Picture Manager и сохранить результаты работы в виде таблицы2.

Формат

Информационный объём

Имя файла:

Имя файла

Начальный размер файла (информационный объём)

Конечный размер файла (информационный объём)

Изменения (редактирование) файла

• Семакин И.Г., Хеннер Е.К. Информатика и ИКТ. Учебник для 10-11 классов. Базовый уровень. Москва. БИНОМ. Лаборатория знаний. 2012.
• Угринович Н.Д. Информатика и информационные технологии. Учебник для 10-11 классов. Москва. БИНОМ. Лаборатория знаний. 200 7 .

Описание презентации по отдельным слайдам:

1 слайд

Описание слайда:

2 слайд

Описание слайда:

Форматы графических файлов. Существует 2 вида компьютерной графики: растровая и векторная. 2D графика 3D графика

3 слайд

Описание слайда:

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

4 слайд

Описание слайда:

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

5 слайд

Описание слайда:

6 слайд

Описание слайда:

Растровая графика Формат графического файла – это способ представления и расположения графических данных на внешнем носителе. Растровые форматы BMP (Windows Device Independent Bitmap) IMG (Digital Research GEM Bitmap) PCX (Z-Soft PaintBrush) TIFF (Tagged Image File Format) GIF (Grafic Interchange Format) JPEG (Joint Photographic Experts Group) PNG (Paint Network Graphics)

7 слайд

Описание слайда:

BMP − родной формат Windows. Он поддерживается всеми графическими редакторами, работающими под управлением этой операционной системы. Использование BMP не для нужд Windows является достаточно распространенной ошибкой. TIFF, TIF − аппаратно независимый формат TIFF, один из самых распространенных и надежных на сегодняшний день, его поддерживают практически все программы на PC и Macintosh так или иначе связанные с графикой. Ему доступен весь диапазон цветовых моделей. TIFF может содержать обтравочные контуры, альфа-каналы (прозрачность), слои, другие дополнительные данные. В формате TIFF есть возможность сохранения с применением нескольких видов сжатия: JPEG, ZIP, но, как правило используется только LZW-компрессия.

8 слайд

Описание слайда:

GIF −независящий от аппаратного обеспечения формат. Поддерживает цветовую палитру 256 цветов, прозрачность, анимацию. GIF использует LZW-компрессию, что позволяет неплохо сжимать файлы, в которых много однородных заливок (логотипы, надписи, схемы). JPEG (JPG)− Данный формат хорошо подходит для небольших фотореалистических полноцветных изображений, полученных с помощью цифровой камеры. JPEG"oм называется не формат, а алгоритм сжатия, основанный не на поиске одинаковых элементов, а на разнице между пикселями. Чем выше уровень компрессии, тем больше данных отбрасывается, тем ниже качество. JPEG"ом лучше сжимаются растровые картинки фотографического качества, чем логотипы или схемы. Формат файла JPG имеет глубину цвета в 24 бит (16,7 млн цветов). Форматы, используемые в сети Интернет.

9 слайд

Описание слайда:

PNG - Portable Network Graphic (PNG) - формат растровых графических файлов, аналогичный формату GIF (прозрачность, но подобно JPEG использует очень большую палитру цветов. Алгоритм сжатия позволяет уменьшить объем файла в десятки раз, однако приводит к необратимой потере части информации. Поддерживается приложениями для различных операционных систем. Форматы, используемые в сети Интернет.

10 слайд

Описание слайда:

Формат PCX - не столь популярный аналог BMP, хотя поддерживается специфическими графическими редакторами, такими как Adobe Photoshop, Corel Draw, GIMP и др. В настоящее время вытеснен форматами, которые поддерживают лучшее сжатие: GIF, JPEG и PNG. PCX - аппаратно-зависимый формат. Предназначается для хранения информации в файле в таком же виде, как и в видеоплате.

11 слайд

Описание слайда:

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

12 слайд

Описание слайда:

Разрешение и глубина растровых файлов. Пиксель, как и все данные в компьютере, несет в себе определенную информацию (в данном случае о цвете), выражаемую в битах. Чем большим количеством бит описывается пиксель, тем больше информации он может в себе нести. RGB – 3 * 8 бит (1 цвет) = 24 бит – глубина CMYK – 4*8 бит = 32 бита Черно-белое – 1 бит (0 – черный, 1- белый) Оттенки серого – 8 бит Это обозначается понятием "битовая глубина". Битовую глубину изображения часто называют цветовой разрешающей способностью.

13 слайд

Описание слайда:

Разрешение и глубина растровых файлов. Разрешающая способность монитора – количество пикселей на экране. Разрешение монитора не связано с разрешением растрового изображения! Если разрешение изображения больше, чем разрешение монитора, то изображение кажется больше, чем есть на самом деле. Чем выше количество точек на дюйм – тем выше качество печати. В полиграфии для печати форматов до А3 принтеры - разрешение от 300 dpi. В компьютере (презентация, сайт) достаточно разрешения монитора – 96 dpi. Объём файла точечной графики однозначно определяется произведением площади изображения на разрешение и на глубину цвета (если они приведены к единой размерности).

14 слайд

Описание слайда:

Пример векторного изображения: Векторная графика Формат графического файла – это способ представления и расположения графических данных на внешнем носителе. Примеры векторных команд: Установить X, Y Линия к X1, Y1 Окружность X, Y <радиус> Эллипс X1, Y1, X2, Y2 Прямоугольник X1, Y1, X2, Y2 Цвет рисования <цвет> Цвет закраски <цвет> Закрасить X, Y, <цвет границы> Векторные величины Файлы векторного формата содержат описания рисунков в виде набора команд для построения простейших геометрических объектов (линий, окружностей, прямоугольников, дуг и т.д.)

15 слайд

Описание слайда:

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