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

Введение: компрессия изображений

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

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

Какие изображения для сайтов использую сегодня

Все изображения для сайтов, подразделяются:

• растровые (пример — JPG, JPEG, GIF, PNG),
• векторные (пример — SVG).

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

То есть при увеличении размера картинки, идёт потеря качества.

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

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

Файлы PCX

PCX стал
первым стандартным форматом
графических файлов для хранения
файлов растровой графики в
компьютерах IBM PC. На этот формат,
применявшийся в программе Paintbrush
фирмы ZSoft, в начале 80-х гг. фирмой
Microsoft была приобретена лицензия, и
затем он распространялся вместе с
изделиями Microsoft. В дальнейшем
формат был преобразован в Windows
Paintbrush и начал распространяться с
Windows. Хотя область применения этого
популярного формата сокращается,
файлы формата PCX, которые легко
узнать по расширению PCX, все еще
широко распространены сегодня.

Файлы PCX
разделены на следующие три части:
заголовок PCX, данные растрового
массива и факультативная таблица
цветов. 128-байт заголовок PCX
содержит несколько полей, в том
числе поля размера изображения и
числа бит для кодирования
информации о цвете каждого пиксела.
Информация растрового массива
сжимается с использованиемпростого метода сжатия
RLE; факультативная таблица цветов в
конце файла содержит 256 значений
цветов RGB, определяющих цвета
изображения. Формат PCX
первоначально был разработан для
адаптеров CGA- и EGA-дисплеев и в
дальнейшем был модифицирован для
использования в адаптерах VGA и
адаптерах истинных цветов.
Кодирование цвета каждого пиксела
в современных изображениях PCX может
производиться с глубиной 1, 4, 8 или 24
бит.

Отличия растровой графики от векторной

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

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

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

Совмещенные или смешанные

PostScript (PS, EPS)

Фактически, это файлы, написанные на специальном языке, управляющем PostScript-печатным устройством. См. также Язык PostScript.

Формат EPS (Encapsulated PostScript) использует упрощенную версию PostScript.
Он не может содержать в одном файле более одной страницы, не сохраняет ряд установок для принтера.
Вместе с файлом можно сохранить эскиз (preview). Это копия низкого разрешения в формате PICT, TIFF, JPEG или WMF, которая позволяет увидеть «зашифрованное» внутри изображение.
Изначально EPS разрабатывался как векторный формат, позднее появилась его растровая разновидность — Photoshop EPS. Наряду с TIFF является стандартным издательским форматом.

PICT (Macintosh QuickDraw Picture Format)

Используется только на ПК Macintosh, может содержать растровую и векторную графику в одном файле. Мало пригоден для качественной печати.

DjVu («дежавю»)

Формат для хранения отсканированных книг и других изданий, разработанный в 1996 г.
Из назначения понятно, что файл может быть многостраничным. Позволяет сжимать растровое изображение в несколько раз эффективнее других методов.
Типичная журнальная страница без графики занимает в формате DjVu 30—40 Кб.
Стандартно используемое разрешение (оно может быть и выше) — 300 dpi, что позволяет как читать с экрана, так и производить распечатку.
В настоящее время позволяет добавить текстовый слой, в котором можно производить поиск и копирование (хотя таких документов пока немного).
Подробную информацию можно найти на сайте djvu.com.

PDF (Portable Document Format)

Предложен фирмой Adobe как независимый от платформы формат для создания электронной документации, презентаций, передачи точной компоновки на страницах текста и графики через сети.
Файлы создаются путем конвертации из PostScript-файлов или функцией экспорта ряда программ. Для конвертации используется программа Adobe Acrobat Distiller.
Изначально проектировался как компактный формат электронной документации.
Поэтому все данные в нем могут сжиматься, причем к разного типа информации применяются разные, наиболее подходящие для них типы сжатия.

CMX/CPX

Форматы для коллекций векторных рисунков Corel Draw.

RTF (Reach Text Format)

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

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

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

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

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

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

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

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

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

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

Файлы PNG

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

Еще более важно,
что он сжимает информацию
растрового массива в соответствии
с вариантом пользующегося высокой
репутацией алгоритма сжатия LZ77
(предшественника LZW), которым любой
может пользоваться бесплатно. Из-за
недостатка места я не буду
обсуждать внутреннюю структуру PNG.
Если вы захотите больше узнать об
этом формате, обратитесь к
рекомендуемой в конце статьи
литературе

Формат TIFF

TIFF (Tagged Image File Format)  также является распространенным форматом изображений. Он использует алгоритмы сжатия без потерь, а также может сохранять данные и без сжатия. Файлы формата TIFF по объему значительно больше, чем файлы JPEG. Так как сжатие происходит без потерь либо не происходит вовсе, данный формат обеспечивает более высокое качество изображения и часто применяется для качественной подготовки изображений к печати, особенно большим форматом.

Достоинства формата: высокое качество изображения, использование сжатия данных без потерь

Недостатки формата: очень большой объем файлов, в 8-10 раз больше, чем изображений в формате JPEG. Если используется глубина цвета 16 бит, объем файла увеличивается еще вдвое.

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

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

Осторожно! Если преподаватель обнаружит плагиат в работе, не избежать крупных проблем (вплоть до отчисления). Если нет возможности написать самому, закажите тут

Примечание

Если расширение не указано в названии файла, значит это заложено в настройках операционной системы, которые можно поменять. 

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

Растровая графика (Raster drawing)

Форматы: .tif .bmp .gif .jpg .png …Разрешение измеряется в единицах:ppidpiДостоинства растровой графики

1. Каждый пиксел независим друг от друга.
2. Техническая реализуемость автоматизации ввода (оцифровки) изобразительной
   информации. Существует развитая система внешних устройств для ввода изображений
   (к ним относятся сканеры, видеокамеры, цифровые фотокамеры, графические
   планшеты).
3. Фотореалистичность (можно получать живописные эффекты, например, туман
   или дымку, добиваться тончайшей нюансировки цвета, создавать перспективную
   глубину и нерезкость, размытость и т.д.)
4. Форматы файлов, предназначенные для сохранения точечных изображений,
   являются стандартными, поэтому не имеет решающего значения, в каком графическом
   редакторе создано то или иное изображение.
5. Можно использовать в Web-дизайне

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

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

При этом совершенно неважно, что отображено на фотографии:
белый снежный пейзаж с одиноким столбом вдалеке, или сцена рок-концерта
с обилием цвета и форм. Если три параметра одинаковы, размер файла будет
практически одинаковым

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

Растровые форматы: GIF, BMP, WBMP, PCX, PCD,
PSD, FLM, IFF, PXR, PNG, SCT/PICT, PCT, RAW, TIF/TIFF, BMP, JPEG , TGA,
FPX, GIF , PhotoCD, MNG, ICO, FLA/SWFGIFJPEGBMPWBMPPCX PCD TIF, TIFF PSDFLM IFFPXRPNGСуществует два подформата:PNG8 и PNG24PNG24PNG8SCTPCT/PICTRAWTGAFPXPXRICOFLASWFMNGВекторные форматы: WMF, EMF, CGM, EPS, WPG,
AutoCAD, DXF, DWG, CDR, AI, PCT, FLA/SWFEPSPCTFLASWF Форматы файлов
для печати: TIFF, EPSФорматы графических
файлов для web-дизайна: PNG, GIF, SWF, JPG Редакторы
векторной графики и анимации:  Редакторы
растровой графики и анимации:  Редакторы
3D графики и анимации: Материал составил
Клюев М.Смотри также:Компьютерная графикаWeb-дизайн макетыБезопасная палитра, системные цвета Windows
и прочая фигня…

Расширения имен файлов для основных графических форматов

(Список отсортирован по расширению.)

Формат	Расширение имени
Adobe Illustrator	.ai, .eps
CorelDRAW Binary Meta File	.ccx
CorelDRAW	.cdr
Computer Graphics Metafile	.cgm
Курсоры мыши	.cur, .ani
Device Independent Bitmap	.dib
DjVu	.djvu
Micrografx Designer	.drw
AutoCAD DXB (Drawing Interchange Binary)	.dxb
AutoCAD DXF (Drawing Interchange Format)	.dxf
Windows Enhanced Metafile	.emf
Encapsulated PostScript	.eps
Macromedia Flash	.fla
FlashPix	.fpx
Graphics Interchange Format	.gif
Векторная графика на языке HPGL для графопостроителя(Hewlett-Packard Graphic Language)	.hpg, .hpgl
Пиктограммы (Icon)	.ico
Joint Picture Motion Group (JPEG File Interchange Format)	.jpg или, реже, .jpeg
Kodak Photo CD	.pcd
PC Paintbrush	.pcx
Portable Document Format (PDF)	.pdf
PICT (Macintosh QuickDraw Picture Format)	.pic или .pct.
Portable Network Graphics	.png
PostScript	.ps или, реже, .prn
Adobe Photoshop	.psd, .pdd
Необработанные данные с ПЗС‑матрицы	.raw
LizardTech MrSID image compression format	.sid
TrueVision Targa	.tga
Toggle Immage File Format	.tif или, реже, .tiff
Метафайл Windows	.wmf
WordPerfect Graphics	.wpg

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

Как конвертировать RAW в JPEG

Часто начинающие фотографы, чтобы улучшить качество своих фото, приобретают камеры профессионального уровня. Однако в работе с такими камерами есть одна особенность: они сохраняют изображения в RAW-форматах. Тип формата зависит от производителя камеры, например для Canon это CR2, для Nikon – NEF, для Sony – ARW.

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

Чтобы избежать проблем с RAW-файлами, их можно перевести в другой формат. Что лучше выбрать из популярных графических форматов? Обычно рекомендуют JPEG, так как он, в отличие от TIFF, PNG и BMP, более универсальный и его поддерживают почти все устройства и программы. Также JPEG – хороший выбор для длительного хранения фото, потому что файлы JPEG, как правило, занимают значительно меньше места по сравнению с файлами в других форматах.

Movavi Конвертер Видео – программа, которая позволяет менять формат видео, аудио и фотографий всего в несколько кликов. С её помощью можно преобразовать изображения CR2, NEF, DNG и других форматов в более распространенные JPEG, PNG, GIF и TIFF, сохраняя высокое качество фото. Конвертер Movavi поддерживает пакетную обработку изображений, благодаря чему можно быстро поменять формат сразу у нескольких файлов. Кроме того, программа полностью на русском языке, что позволяет разобраться в ней даже новичку. Скачайте RAW-конвертер для Windows или Mac и следуйте инструкции ниже.

Скачайте и установите конвертер RAW в JPEG

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

Загрузите файлы в программу

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

Выберите формат для конвертирования изображений

Откройте вкладку Изображения, нажмите на формат JPG и выберите единственный доступный профиль.

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

Как поменять размер фотографии в конвертере? Нажмите кнопку с шестеренкой, чтобы настроить параметры изображения. В появившемся окне выберите пользовательский размер кадра, впишите нужные значения в поля Ширина и Высота. Не забудьте отключить функцию пропорционального масштабирования, иначе у вас не выйдет настроить различные ширину и высоту и изображение получится квадратным. Когда параметры будут настроены, нажмите OK.

Запустите конвертацию

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

Теперь вы знаете, как конвертировать RAW в JPEG с помощью конвертера от Movavi. В программе можно работать не только с изображениями, но и с видео- и аудиофайлами, конвертировать видео без потери качества в режиме SuperSpeed, обрезать клипы, создавать GIF и делать многое другое. Установите программу и попробуйте все эти функции сами!

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

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

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

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

BMP

Еще один формат без потери качества, BMP был разработан компанией Microsoft изначально для использования на платформе Windows, но сейчас распознается и программами Mac. BMP – это файлы большого размера, так как информация о цвете сохраняется в каждом отдельном пикселе изображения без сжатия. Как результат, это дает высококачественный цифровой файл, который можно использовать для печати, но он не совсем подходит для интернета.

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

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

Недостатки

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

Основные форматы файлов фотографий

Имена файлов цифровых фотографий любого фото формата также как и программные файлы других типов состоят из изменяемой части, точки и расширения. Расширение файлов фотографий всегда неизменно и может состоять из трех или четырех символов, по которым и определяется тип файла или название формата. Например, jpeg, cr2, tiff, psd, gif (рис.3).

Рис.3 Расширение файла фотографии указывает на его формат.

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

Рис.4 Потеря качества изображения фотографии при сохранении ее файла в формате JPEG.

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

Рис.5 Используя специальную программу в файлах фотографий формата RAW можно изменять настройки фотоаппарата.

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

Рис.6 Файлы одной и той же фотографии в формате RAW и DNG имеют разные размеры и способы хранения текстовой информации.

В тех случаях, когда требуется сохранение результатов обработки цвета, слоев, каналов, масок или каких-либо других атрибутов редактирования фотографий, используется формат PSD. Это внутренний формат файлов программы Photoshop, в котором следует сохранять всю информация об изменении фотографий после фотосъемки (рис.7). Основной недостаток этого формата – ограниченное применение.

Рис.7 В файлах формата PSD удобно хранить информацию о редактировании фотографий (пример файла).

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

Рис.8 Сравнение размеров файлов одной фотографии, сохраненной в разных фото форматах.

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

Формат TIFF

TIFF расшифровывается как «формат файла размеченного изображения» (Tagged Image File Format) и является стандартом для типографской и печатной индустрии. Файлы TIFF значительно больше, чем их JPEG-аналоги, и могут быть записаны либо без сжатия, либо со сжатием без потерь. В отличие от JPEG, файлы TIFF могут иметь разрядность либо 16, либо 8 бит на канал. Кроме того, в одном файле TIFF может храниться несколько слоёв (страниц) изображения.

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

Итоги

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

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

• JPEG – для сайта, обмена изображениями, сохранения файлов на камеру и печати. Однако это не лучший выбор для изображений, содержащих текст.
• PNG – подходит для сайта, изображений, содержащих текст, логотипов и изображений с высоким разрешением. Не лучший выбор для печати.
• BMP – поддерживается всеми основными браузерами и программами просмотра изображений, включая их самые старые версии. Сейчас это устаревший формат.
• GIF – идеально подходит для простой анимации и демонстрации пошаговых инструкций. Не подходит для изображений, требующих насыщенных цветов.
• TIFF/TIF – отличный формат для печати и сканирования документов. Не подходит для использования в интернете.
• HEIF – используется для сохранения изображений высокого качества на новых устройствах, лучшая оптимизация размеров файла. Не лучший выбор, если вам нужно открывать изображения в различных браузерах и операционных системах.
• RAW – для качественных фотографий. Не подходит для использования в интернете или обмена изображениями.
• PSD – формат Adobe Photoshop для редактируемых проектов графического дизайна. Не подходит для использования в интернете и изображений, готовых к печати.
• SVG – отлично подходит для использования на сайте, изображений с простыми формами, 2D-иллюстраций и импорта 2D-изображений в ПО для 3D-моделирования. Не подходит для подробных изображений с большой глубиной цвета, например фотографий.
• EPS – используйте его для печати, иллюстраций и графического дизайна. Не подходит для фотографий.
• PDF – для печати, интерактивных визуальных отчётов и инфографики. Не подходит, если вам нужно внести дополнительные правки в изображения.
• INDD – используется в Adobe InDesign для сохранения редактируемых макетов или дизайнов страниц. Не подходит для использования в интернете.
• AI – используется в Adobe Illustrator для сохранения редактируемой векторной графики. Не подходит для использования в интернете.

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