Форматы графических файлов таблица как сделать

Добавил пользователь Евгений Кузнецов
Обновлено: 19.09.2024

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

Любое изображение, хранящееся на компьютере, имеет свой графический формат. Каждый из графических форматов имеет свои свойства и своё предназначение. На сегодняшний день существует огромное количество графических форматов. Большую часть графических форматов, мы будем рассматривать на основе одного из самых популярных графических редакторов Adobe Photoshop. Почему именно фотошоп, все просто, этот графический редактор обладает наибольшим количеством форматов.

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

Итак, приступим:

PSD – это собственный формат программы Adobe Photoshop, он позволяет сохранять всю проделанную работу над изображением. А именно прозрачность, режимы смешивания слоев, тени, слои, маски слоя и все остальные мелочи работы проделанной с изображением. Этот формат обычно используется, если работа над изображением до конца не завершена. Так же его часто используют для разработки макета сайта, так как производить верстку с данного файла удобно видя все слои и элементы. А во всех остальных случаях его использование нет смысла, так как он имеет значительно большой размер файла по отношению к другим форматам.

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

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

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

JPEG 2000 – формат графических файлов с хорошей компрессией. Качество изображения по сравнению с JPEG получается более гладкое и четкое, а размер файла в одинаковом качестве в разы меньше. Графические файлы, сохранённые в JPEG 2000, с высокой степенью сжатия не содержат артефактов.

JPEG XR – формат кодирования изображений, разработанный Microsoft. Сжимает фотографии больше и лучше JPEG 2000 может сжимать без потери качества. Поддерживает прозрачность и различную степень сжатия. JPEG XR достаточно эффективный формат для сжатия изображений, при достаточно большом проценте сжатия, на изображение практически отсутствуют артефакты.

Изображения JPEG XR загружаются быстрее, чем в формате JPEG2000. Формат поддерживает 16bit, что дает возможность хранить картинки с полным охватом цветов размером меньше чем в формате TIFF. Расширение файлов: .jxr, .hdp, .wdp.

GIF – в основном используется для изготовления графики для Интернета. Он не годится для сохранения фотографий, так как имеет ограничение по цветопередаче, по этим же причинам он не годится для полиграфии. Изображение данного графического формата состоит из точек, которые могут включать в себя от 2 до 256 цветов. Ограниченность цветопередачи и поддержка прозрачности делают его незаменимым для хранения изображений с минимум цветов, например логотипов. Еще одна особенность формата это возможность изготовления анимированных изображений. Широко применяют для создания gif (анимированных) баннеров.

EPS – можно назвать наиболее надежным и универсальным форматом. Он в основном предназначен для передачи векторной и растровой графики в издательства, возможность создания и использования данного формата практически всеми графическими редакторами. Использовать данный формат имеет наибольший смысл только в том случае, если вывод осуществляется на PostScript-устройстве.

Этот формат уникален он поддерживает все цветовые модели необходимые для печати, может записывать данные в RGB, обтравочные контуры, а также использование шрифтов и другое. Первоначально EPS разрабатывался как векторный формат, ну а позднее уже появилась его разновидность растра — Photoshop EPS.

PNG – это графический формат, который пришел совсем недавно на смену Gif формату, и уже успел, стань очень популярным из за того, что умеет держать прозрачность и полупрозрачность что было не возможно в его предшественнике gif. Это значит что png держит полупрозрачность в диапазоне от 1 до 99% при помощи альфа-канала с 256 градациями серого. Прозрачность работает следующим образом, в файл записывается информация о гамма — коррекции. Гамма-коррекция представляет собой определенное число яркости, контраста монитора. Это число в последующем считывается из файла и позволяет откорректировать отображение изображения за счет поправок яркости.

PICT – это собственный формат Макинтош. Формат способен включать в себя как растровую, так и векторную информацию, текст, а также звук, использует RLE-компрессию. Битовые PICT-изображения могут иметь абсолютно любую глубину битового представления. Векторные же PICT-изображения, которые практически исчезли из использования в наши дни, имели необычные проблемы толщины линии и другие отклонения во время печати.

Формат используется для Макинтош, и при создании определенных презентаций только для Мак. На обычных компьютерах (не мак) PICT – формат представлен с расширением .pic или .pct, считывается определенными программами, работа с этим форматом зачастую бывает не простой.

PDF –формат предложен и разработан компанией Adobe, как формат для электронной документации, различных презентаций и верстки для пересылки его по электронной почте. И его проектная особенность была обеспечить компактный формат. По этим причинам все данные в pdf могут сжиматься, причем особенность в нем такая, что к разного рода информации применяются разные, более подходящие для этих типов данных сжатия: JPEG, RLE, CCITT, ZIP.

PCX – формат растрового изображения. Файлы pcx типа используют стандартную палитру цветов, этот формат был расширен для хранение 24-битных изображений. Этот формат аппаратно зависим. Предназначен хранить информацию в файле в том же виде, что и в видео-плате. Чтобы совместить этот формат со старыми программами необходима поддержка EGA-режима видеоконтроллера. Алгоритм сжатия быстрый и занимает малый объём памяти, но не очень эффективен, не подойдет для сжатия фотографий и детальной компьютерной графики.

CDR – это векторный формат изображения или рисунка, созданный при помощи программы CorelDRAW. Данный формат разработан компанией Corel для его использования в собственных программных продуктах компании. CDR — изображения не поддерживаются многими графическими редакторами. Но это не проблема, файл можно легко экспортировать при помощи все того же CorelDRAW в более распространенные форматы изображений. Изображения, созданные в CorelDRAW и имеющие расширение CDR также можно открыть программой Corel Paint Shop Pro. Для наилучшей совместимости, компания Corel рекомендует сохранять файлы в CorelDRAW формате CDR более ранней версии. Файлы CDR десятой и более ранней версии, можно открыть используя и программу Adobe Illustrator.

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

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

RAW — файлы у ряда производителей фотокамер, имеют собственный формат расширения такой как у Canon – CR2, Nikon – NEF. У многих других предложенный Adobe формат DNG, это такие компании как Leica, Hasselblad, Samsung, Pentax, Ricoh. Если в фотошопе отсутствует камера raw для вашего фотоаппарата, то файлы не откроются, для этих целей создана утилита для конвертирования raw от адобе.

SVG – формат масштабируемой векторной графики (Scalable Vector Graphics). Формат создан W3C. В соответствие со спецификацией он создан для описания двумерной векторной и смешанной векторной/растровой графики в XML. Включает в себя три типа объектов: фигуры, изображения и текст. Поддерживает неподвижную, анимированную так и интерактивную графику. Создавать и редактировать можно как в текстовых редакторов посредством правки кода, так и в любом графическом редакторе для векторной графики (Adobe Illustrator, Inkscape, CorelDRAW, Corel SVG Viewer). SVG – это открытый стандарт не является чьей либо собственностью.

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

По сравнению с PNG изображениями формат WebP имеет вес на 26% меньше без потери качества. По сравнению с изображениями JPEG формата WebP на 25-34% меньше весит, но с потерями качества по индексу структурного сходства.

Поддерживает прозрачность (альфа-канал).
WebP поддерживается в Chrome, Firefox, Edge, Opera и других инструментах и библиотеках. При разработке сайтов для корректного отображения в браузерах, которые не поддерживают WebP формат, рекомендуется использовать поддержку альтернативных изображений.
Включает легкую библиотеку libwebp для кодирования и декодирования.
Инструменты командной строки cwebp и dwebp для преобразования изображений в формат WebP и обратно.
Инструменты просмотра, мультиплексирования (передача нескольких потоков данных с меньшей скоростью по одному каналу) и анимации изображений WebP.

AVIF – (AV1 Still Image File Format) эффективный формат сжатия изображения с потерей качества, основанный на библиотеке для сжатия кадров кодека AV1. AVIF – бесплатный формат, совместимый с HEIF. Может хорошо обработать изображение, получив небольшой вес файла с высокой детализацией. Обеспечивает быструю загрузку изображений на сайтах в Интернете.

Поддерживает прозрачность (альфа-канал).
Может хранить несколько изображений.
Поддерживает анимацию.
Имеет стандарт EXIF (позволяет добавлять к изображению дополнительную информацию). Например, авторство.
Поддерживает миниатюры изображения.
Имеет преимущества по сжатию: примерно на 20% сжимает лучше WebP и на 50% чем Jpg.

Конвертировать изображение в .avif файл можно в сервисе Squoosh.
Расширение файлов: .avif

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Формат BMP

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

Формат TIFF

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

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

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

Формат GIF

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

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

Формат JPEG

Формат 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

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.

Заключение

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

Коммуникативный педагогический тренинг: способы взаимодействия с разными категориями учащихся

Сертификат и скидка на обучение каждому участнику

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

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

ФОРМАТЫ РАСТРОВОЙ ГРАФИКИ Форматы растровой графики

ЗАДАНИЕ: ЗАПОЛНИТЬ ТАБЛИЦУ Название форматаОписаниеДостоинстваНедостатки

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

ФОРМАТ GIF GIF - (Graphics Interchange Format) – создан специально для передачи изображений в Интернет фирмой CompuServe. GIF может хранит изображения в режиме индексированных цветов (до 256), т.е. переходя к формату GIF, мы уменьшаем число цветов и размер файла (в тех случаях, когда простая картинка не требует миллионов цветов). Сжатие файлов производится путем замены последовательности одинаковых символов одним, умноженным на число повторений (алгоритм LZW). Кроме того, файл GIF может содержать не одну, а несколько растровых картинок, которые интернетовские браузеры могут подгружать одну за другой с указанной в файле частотой. Это называется GIF-анимация. Преимущества: малый размер файла, поддержка прозрачности и анимации рисунков, самый популярный формат в Интернет (оформление Web – страниц, баннеры). Недостатки: основное ограничение использования GIF в малом количестве воспроизводимых цветов (до 256). Этого явно недостаточно для полиграфии. Форматы растровой графики

ФОРМАТ PSD Формат PSD является стандартным форматом пакета Adobe Photoshop и отличается от большинства обычных растровых форматов возможностью хранения слоев (layers). Формат поддерживает альфа-каналы, слои, контуры, прозрачность, векторные надписи и т. п. Прекрасно подойдет для переноса или хранения изображений, содержащих специфические, свойственные только Adobe Photoshop, элементы. Главный недостаток – аппаратно зависим. Форматы растровой графики

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

Форматы растровой графики ФОРМАТ TGA TGA (Targa) – это имя графического адаптера фирмы Truevision, который впервые использовал TGA-формат. Формат может хранить изображения с глубиной цвета до 32 бит. Наряду со стандартными тремя RGB - каналами TGA-файл имеет дополнительный альфа-канал для представления информации о прозрачности изображения. Информация может быть сжата. Основное достоинство – формат используется программными продуктами многих известных в мире компьютерной графики фирм.

ФОРМАТ 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 раза, получается выигрыш во времени вывода.

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

ПОДВЕДЕМ ИТОГИ… рисунок в формате GIF с чередованием сначала загружается с низким разрешением, а затем, по мере появления целого рисунка, его качество постепенно улучшается. Таким образом, пользователь сможет увидеть суть изображения перед тем, как изображение появится целиком; один из цветов рисунков в формате GIF может быть сделан прозрачным, чтобы видеть цвет фона текущего окна обозревателя; формат файлов TIFF используется в качестве универсального формата для обмена цифровыми изображениями; формат PNG (Portable Network Graphics - переносимая сетевая графика) является альтернативой формата GIF, но позволяет сохранять в изображении миллионы цветов; Подведем итоги…

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

Вы когда-нибудь задумывались над тем, чем отличаются такие виды форматов графических файлов, как JPG и PNG, и в каких случаях каждый из них надлежит использовать?

Терминология

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

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

Растровые изображения состоят из сотен и тысяч рядов пикселей. Такие форматы, как JPG, PNG и GIF — наиболее распространенные растровые типы файлов графических форматов.

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

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

Поэтому растровые иллюстрации необходимо сохранять в тех пропорциях, в которых они затем будут использованы.

Векторная графика — это графика, построенная с помощью пропорциональных формул. EPS, AI и PDF — это векторные форматы графических файлов, и, если вам требуется часто изменять размеры изображения, лучше пользоваться именно ими.

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

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

Высокое разрешение против низкого

Часто ли вы слышали от своего дизайнера такие аббревиатуры как DPI и PPI? Раскроем вам тайну. DPI, то есть dots per inch (количество точек на дюйм), и PPI, соответственно, pixels per inch (количество пикселей на дюйм) — это единицы измерения, которые применяются для характеристики разрешения изображения.

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

В то же время если вы собираетесь распечатать изображение, то ниже значения 300 dpi мы вам опускаться не советуем. Не пытайтесь обмануть систему. В таких программах, как Photoshop, вы можете делать что угодно, но из пустоты дополнительных пикселей вы не получите.

Взять изображение из сети и подогнать его под значения для печати не стоит даже пытаться: распечатанная картинка будет далека от идеала.

Универсальные форматы графических файлов

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

Универсальные растровые форматы: JPEG, PNG, GIF, BMP, TIFF.

Универсальные векторные форматы: EPS, Windows Metafile, DXF, SVG, HP-GL.

Сжатие изображений

Чтобы сэкономить пространство для хранения графических файлов и быстрее передавать его по сети, к ним применяются алгоритмы сжатия данных. Оно делится на два типа. Сжатие с потерями означает, что закодированные данные будут отличаться от исходных, но, как правило, незначительно. Однако при увеличении степени сжатия на картинке появляются заметные невооруженным глазом артефакты. Сжатие с потерями использует, например, JPEG формат. Сжатие графических файлов без потерь возможно в форматах TIFF, BMP, GIF и PNG, и оно позволяет восстановить распакованные данные с точностью до бита.

Форматы графических файлов: особенности

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

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

JPEG (или JPG) - Joint Photographic Experts Group (по названию разработчика)

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

Какие расширения могут иметь графические форматы файлов JPEG? Обычно это .jpg, .jfif, .jpg, .JPG, или .JPE.

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

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

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

PNG — Portable Network Graphics (портативная сетевая графика)

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

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

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

Формат GIF нам знаком по анимированным рекламным баннерам. В более простой форме GIF изображения состоят всего лишь из 256 цветов в цветовом пространстве RGB. Именно из-за ограниченного числа цветов gif-изображения весят очень мало.

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

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

BMP — Bitmap Picture

BMP — это один из первых растровых форматов, и его распознаёт каждая программа для работы с графикой. Файлы формата BMP могут иметь расширения .bmp, .dib и .rle. Этот формат весит больше, чем JPG, и подходит для полиграфии меньше, чем TIFF, поэтому сейчас BMP почти нигде не используется.

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

TIFF — Tagged Image File Format

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

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

PSD — Photoshop Document

PSD — это формат популярного графического редактора Adobe Photoshop. Этот формат позволяет сохранять так называемые слои, с помощью которых в программе и производится обработка и создание графики.

Photoshop позволяет сохранять изображения во всех описанных выше форматах.

Основной недостаток этого редактора в том, что он работает только с растровой графикой.

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

PDF — Portable Document Format (портативный формат документа)

Формат PDF был изобретен компанией Adobe в качестве универсального инструмента для обмена графикой. Ваш дизайнер может сохранить векторный логотип компании в формате PDF, а вы без труда можете открыть его без каких-либо графических редакторов (если, конечно, заранее установите бесплатное приложение Adobe Reader) и далее использовать для дальнейшей работы.

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

EPS — Encapsulated Postscript (формат, базирующийся на подмножестве языка PostScript)

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

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

AI – Adobe Illustrator Document

Ai — это, несомненно, один из самых популярных форматов, используемых профессиональными дизайнерами, а Adobe Illustrator — это программа, которая уже давно стала незаменимым инструментом в их арсенале.

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

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

INDD — Adobe Indesign Document

Этот формат графики создается в программе Adobe Indesign, в которой обычно производится верстка газет и журналов.

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

Ещё один интересный вид изображений — ASCII графика. Основное различие между форматами растровых графических файлов и ASCII графикой заключается в том, что последняя состоит не из пикселей, а из буквенных и цифровых символов и знаков препинания, входящих в таблицу символов ASCII.

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

Заключение

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

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

Читайте также:

Форматы графических файлов таблица как сделать

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

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

Формат BMP

Формат TIFF

Формат GIF

Формат JPEG

Формат JPEG 2000 (jp2)

Формат PNG

Формат WMF

Форматы PSD и CDR

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

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

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

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

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

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

Заключение

Коммуникативный педагогический тренинг: способы взаимодействия с разными категориями учащихся

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

Терминология

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

Высокое разрешение против низкого

Универсальные форматы графических файлов

Сжатие изображений

Форматы графических файлов: особенности

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

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

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

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

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

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

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

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

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

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

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

Заключение