какое расширение принадлежит графическому файлу

Какие форматы графических файлов (форматы картинок) бывают и в каких программах их можно открывать

Растровый тип графических изображений

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

Растровая графика имеет несколько преимуществ:

Но при работе с ними нужно учесть ряд недостатков:

Тем не менее с растровыми изображениями мы сталкиваемся чаще всего. Любая фотокамера создает изображения именно в таком формате.

В каких форматах сохраняются растровые файлы?

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

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

Векторный тип графических изображений

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

У таких изображений есть ряд существенных недостатков:

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

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

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

Как поменять форматы картинок?

Необходимость преобразовать один формат файла в другой чаще всего возникает по причинам:

Преобразование форматов графических файлов производится при помощи утилит. Например, в Adobe Photoshop можно сохранить файлы не только с расширением для внутреннего использования. При помощи команды «Сохранить для Web » вам будет доступно около десятка популярных растровых форматов. Аналогичными возможностями обладают и другие программы для работы с изображениями, например, в CorelDRAW можно не только изменить формат созданной графики, но и трансформировать векторный вариант в растровый.

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

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

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

Источник

Гид по форматам графических файлов для недизайнеров: когда и для чего использовать каждый тип

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

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

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

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

Растровые форматы файлов

Растровые изображения состоят из набора точек (пикселей), каждая из которых имеет свой цвет. Растровая графика зависит от разрешения: мы не можем значительно увеличить размер такого изображения без потери качества. Если скачать картинку с размером 10х10 см и разрешением 72 dpi, а потом увеличить ее до размера 100х100 см, изображение станет плохо выглядеть.

Запомните: если вы существенно увеличите растровое изображение, это приведет к нечеткой, «пиксельной» картинке.

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

CMYK и RGB

Допустим, вы поняли, что вам нужен именно растровый файл. Далее надо учесть, что все растровые файлы могут быть сохранены в одной из двух основных цветовых моделей: CMYK и RGB. Выбор зависит от того, для чего предназначен файл с изображением:

Вывод: для печати используйте CMYK, для интернета – RGB. Перепутав модели цветов, на выходе – в типографии или на экране монитора – не удивляйтесь абсолютно другой цветовой гамме. Будьте внимательны!

300 dpi и 72 dpi

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

JPEG/JPG

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

Используйте JPEG, когда:

Не используйте JPEG, когда:

GIF (Graphics Interchange Format) – это тоже растровый формат. Он широко используется для веб-изображений, анимированной графики (рекламные баннеры,email-изображения, мемы в социальных сетях).

Используйте GIF, когда:

Не используйте GIF, когда:

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

Используйте PNG, когда:

Не используйте PNG, когда:

TIFF (Tagged Image File Format) – это высококачественный растровый формат. В основном используется при сканировании и печати фото.

Используйте TIFF, когда:

Не используйте TIFF, когда:

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

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

Используйте PSD, когда:

Не используйте PSD, когда:

RAW – «сырой» формат изображения.Он содержит необработанные данные, полученные цифровой камерой. Обычно они обрабатываются, а затем сжимаются и сохраняются в JPEG или TIFF.

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

Используйте RAW, когда:

Не используйте RAW, когда:

WebP– это современный растровый формат изображений для веба, предложенный Google в 2010 году. WebP обеспечивает то же качество изображений при меньшем размере, если сравнивать с PNG и JPG. Разница составляет 25–30%.

Не используйте WebP, когда:

BMP – это старейший растровый формат от Microsoft, сейчас применяется редко.Такие файлы много весят и не имеют реальных преимуществ перед TIFF и др.

Используйте BMP, когда:

Не используйте BMP, когда:

Векторные форматы файлов

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

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

PDF расшифровывается как Portable Document Format и представляет собой универсальный формат, который помогает правильно изображать как векторную, так и растровую графику. Он хорошо поддерживается различными графическими программами. PDF-файлы корректно отображаются вне зависимости от приложения, операционной системы или браузера.

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

Используйте PDF, когда:

Не используйте PDF, когда:

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

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

Используйте EPS, когда:

Не используйте EPS, когда:

AI – это векторный формат изображений, который расшифровывается как Adobe Illustrator. Формат основан на стандартах EPS и PDF, разработанных Adobe. Как и эти форматы, AI-файлы в основном являются векторными, хотя могут также включать встроенные или связанные растровые изображения.

AI-файлы можно экспортировать как в формат PDF, так и в EPS (для удобства просмотра и печати), а также в JPEG, PNG, GIF, TIFF и PSD (для использования в интернете и дальнейшего редактирования).

Используйте AI, когда:

Не используйте AI, когда:

Файл CDR – это формат проектов CorelDRAW. Может содержать как векторную, так и растровую графику. Файлы CDR используются для создания различных типов документов: писем, буклетов, таблоидов, открыток, веб-страниц и баннеров. Не все графические программы поддерживают этот формат. Однако вы можете легко экспортировать/конвертировать CDR в PDF, JPG, PNG, BMP или AI.

Используйте CDR, когда:

Не используйте CDR, когда:

Используйте SVG, когда:

Не используйте SVG, когда:

P. S. Шпаргалка

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

Бонус: шпаргалка по вышеперечисленным растровым и векторным форматам.

Источник

Д4. Формат графического файла

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

По окончании урока вы сможете:

1. Форматы файлов

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

Операционная система использует расширения файлов для определения: какие приложения связаны с типами файлов или, какое приложение открывается при двойном щелчке по файлу.

Например, файл с именем «машинка.jpg» имеет расширение файла «jpg». Когда вы открываете этот файл, операционная система ищет любое приложение, связанное с файлами JPG, открывает это приложение и загружает файл.

Строго говоря, формат и расширение не одно и тоже

2. Расширения файлов

Увидеть или не увидеть расширения файлов – это нам решать.

Шаг 1. Вызываем диалоговое окно «Параметры папок» (Файл → Изменить параметры папок и поиска):

Шаг 2. Вторая закладка «Вид» → вниз по полосе прокрутки → снять галочку «Срывать расширения для зарегистрированных типов файлов»:

После имени файла появилась точка и буквы латиницей. Эти буквы в количестве 2÷4 являются расширением файла. Иногда возникает необходимость изменить имя файла (например, вы допустили опечатку. Щелчок ЛМ по имени:

Но будьте осторожны! Если вы случайно сотрёте расширение, то операционная система не сможет идентифицировать формат файла и не сможет его открыть ни одной прикладной программой. В этом случае просто вручную восстановите расширение, вводя буквы с клавиатуры.

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

Компьютерная графика бывает двух видов: векторная и растровая.

Изображение в векторном формате строится с помощью математических формул (точки, линии, кривые Безье).

Векторный файл с изображением окружности содержит следующую информацию:

Растровое изображение, как детская мозаика, складывается из множества маленьких ячеек − пикселей, где каждый пиксель содержит информацию о цвете. Определить растровое изображение можно увеличив его масштаб: на определённом этапе станет заметно множество маленьких квадратов — это и есть пиксели. Круг размером 120×120 пикселей состоит из 14400 пикселей, каждый из которых должен быть описан. Следовательно, растровый круг будет «весить» значительно больше своего векторного аналога.

Векторная графика используется для иллюстраций, иконок, логотипов и технических чертежей, но сложна для воспроизведения фотореалистичных изображений. Редактор векторной графики Adobe Illustrator, CorelDraw, Visio. Распространённые векторные форматы это: *.svg, *.pdf, *.eps, *.ai и *.cdr. Последние два разработаны специально для программ Adobe Illustrator и CorelDraw соответственно, и максимально верно поддерживаются именно ими. Формат изображения Visio − *.vsdx

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

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

Форматы растровых файлов: bmp, gif, jpeg, jpeg 2000, pcx, png, tga, tiff.

А теперь вопрос: как не запутаться в них?

4. Основные понятия растровой графики

PIXEL (Пиксель) – сокращение от Picture Element (Элемент изображения) – обозначает наименьший элемент изображения, который может быть отображён на экране или при печати.

Разрешение изображения (графическое разрешение) определяет плотность пикселов в изображении.

Плотность пикселов – количество пикселов на единицу длины и измеряется чаще всего в пикселах на дюйм (ppi).

Объем файла определяется общим количеством пикселов в изображении.

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

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

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

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

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

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

Глубина цвета

Количество бит необходимое для описания этого самого цвета пиксела, и называется глубиной цвета.

1 bit минимальная единица измерения объема информации.

Бит может иметь только два значения:

Комбинация из двух битов может иметь уже четыре значения: 00, 01, 10, 11. Комбинация из трех восемь, так далее по степеням двойки

Существует несколько базовых вариантов изображений.

Монохромные (Bitmap)

Все клетки делятся на черные и белые.

Для описания цвета каждого пиксела такого изображения достаточно одного бита:

Глубина цвета в 1 бит является минимальной; естественно, что в этом формате невозможно передать какие-либо оттенки цвета

Индексированный цвет (Indexed Color, или Palette Color)

На каждый пиксел приходится от до 8 бит, которые позволяют передать соответственно от 22=4 до 28=256 оттенков цвета

256 оттенков не могут воспроизвести всю цветовую гамму

Сама палитра может содержать от 4 до 256 цветов и оттенков, в зависимости оттого, сколькими битами кодируется каждый пиксел

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

Графически изображение с индексированной палитрой можно представить так:

Полутоновые (градации серого Grayscale)

Для того, чтобы передать оттенки серого цвета на черно-белой фотографии или в любом другом полутоновом черно-белом изображении, на каждый пиксел выделяется уже 8 бит, то есть 1 байт

Это позволяет передать 256 оттенков серого в промежутке от чисто чёрного (0) до чисто белого (255)

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

В этой схеме значение, присваиваемое каждому пикселу, характеризует его цвет напрямую.

Так, если данному пикселу присвоено значение «50», то его цвет будет темно-серым

Полноцветные RGB

На каждый пиксел отведено уже по три байта (24 бита), каждый из которых передаёт оттенок одной из цветовых составляющих в данной точке красной (R, Red), зелёной (G, Green) и синей (В, Вlue).

Можно рассматривать изображения в этом формате, как состоящие из трёх слоёв:

Сочетание чистых красного, зелёного и синего цветов даёт белый.

Каждый компонент может иметь 256 оттенков, а общее число цветов, отображаемое данной моделью, составляет
256(R)×256(G) ×256(B)=16777216 цветов

Полноцветные четырехкрасочные (триадные, CMYK)

В данном формате на каждый пиксел приходится уже по 4 байта (32 бита): по одному для голубой (С, Суап), пурпурной (М, Magenta), жёлтой (Y, Yellow) и чёрной составляющих (К, back).

СМК-файл состоит из четырёх слоёв:

Эта цветовая схема позволит воспроизвести 256(С) × 256(М) × 256(Y) × 256(K) =4 294 967 296 цветов. Именно эти четыре цвета используются в полиграфии для печати полноцветных изображений.

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

Графический формат ‒ это система хранения растрового изображения на носителе

Кроме самого изображения, графический формат обычно содержит информацию о нем, например, размеры, физическое разрешение, тип принтера для печати, имя создателя

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

Сжатие (compression)

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

Графическое сжатие может сохранять исходное качество изображения (loss-less compression), но может его и портить (lossy compression)

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

Алгоритмы сжатия с потерями качества (СПК)

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

Например, самое распространенное сжатие СПК фрактальное (от англ. fraction, что означает дробь, часть) – основано на выделении одинаковых текстур (фракталов) и кодировании их математически.

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

Алгоритмы сжатия СПК за счёт потерь сжимают изображений гораздо сильнее, чем БПК: они могут превратить 2-Мбайтное изображение в 20-Кбайтное, почти не ухудшив качества.

Microsoft Windows Bitmap (ВМР)

Поддерживает только 1-, 4-, 8- и 24-битные изображения.

По умолчанию изображение в формате не сжимается, однако при желании можно задействовать реализованное в ВМР сжатие RLE (правда, сжимать можно только 256- и 16-цветные изображения).

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

Windows ВМР-файлы имеют расширения *.ВМР, *.RLE (Run Length Encoded Bitmap) и *.DIB(Device Independent Bitmap).

Примечение: при загрузке палитровых ВМР-файлов в Windows в 16- или 256-цветном режиме некоторые цвета могут быть искажены.

Zoft PC PaintBrush Picture (PCX)

Формат графического файла PCX имел достаточно сильный и быстрый алгоритм сжатия БПК – разновидность RLE и среди приложений под DOS приобрёл огромную популярность:

Формат поддерживается средой Windows наравне с ее «родным» форматом BMP

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

Graphie Interchange Format (GIF)

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

Такая система показа позволяет понять, что изображено на картинке еще до того, как она будет полностью выведена на экран

В формате версии GIF89a могло храниться несколько изображений или даже анимационный ролик

Он также поддерживал прозрачный цвет для наложения

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

Tag (Tagged) Image File Format (TIFF)

Формат графического файла TIFF используется в издательских системах

Формат поддерживает множество алгоритмов сжатия (LZW, CCITT RLE, PackBits, Group IV Fax, NeXT, Thunderscan, PICIO, SGI RLE и даже JPEG), типов изображений (включая нестандартные палитровые) и два вида записи − IBM PC и Macintosh

Со сжатием LZW TIFF-файл занимает почти столько же места, как GIF, только в отличие от GIF формат поддерживает полноцветные изображения и хранит в файле много информации об изображении:

Portable Network Graphics (PNG)

Формат графического файла PNG основан на вариации алгоритма сжатия без потерь качества LZ77 – Deflate, известной пользователям по архиватору PKZip

В отличие от GIF и TIF он сжимает растровые изображения и по горизонтали, и по вертикали, что обеспечивает степень сжатия в среднем в полтора-два раза превосходящую GIF

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

Поддерживает прозрачность, то есть изображения с прозрачным фоном

Все остальные функции GIF в PNG реализованы, и некоторые развиты в нем даже лучше

Joint Photographic Experts Group (JPEG)

Формат графического файла JPEG использует алгоритм сжатия с потерей качества. Алгоритм сжатия сокращает количество плавных тоновых переходов

Сжиматься этим алгоритмом могут только 24-битные цветные или 8-битные черно-белые (серые) изображения

В изображениях JPEG деформирует и размывает чёткие грани и текст, добавляя «призрачные» контуры, и заполняет закрашенные одним цветом зоны помехами.

Поэтому при сжатии изображений формату JPEG предпочитают GIF или PNG.

Степени сжатия алгоритмом JPEG

Поэтому, если кто-то вам предложит сохранить схему в формате JPEG, откажитесь наотрез.

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

Как выбрать формат графического файла?

Что касается моих пристрастий, то: Да здравствует формат PNG!

Интересные факты о сжатии

Протестировано сжатие форматов на «пустой» картинке, все пространство которой окрашено в белый цвет.

В этой ситуации форматы расположились по размерам в таком порядке:

Теперь урока вы сможете:

Источник