Краткий гид по форматам изображений.
Если вы конечно не графический дизайнер или серьезно не занимаетесь графическим дизайном, то скорее всего вам раньше не приходилось иметь дело с форматами изображений. Но если вы уже начали углубляться в эту сферу, то их число может показаться пугающе огромным. К счастью, есть способ в этом разобраться.
Первое, что нужно понять о форматах изображений, это разница между растровым изображением и векторным изображением. Растровое изображение представляет собой связанный набор пикселей, или отдельных частичек, который и складывается в изображение. Самые популярные форматы изображений — JPG, GIF, и PNG – как раз растровые. Каждая картинка, которую вы видите онлайн или в печати, попадает именно в эту категорию.
У пикселя есть определенный размер, который зависит от качества изображения. Когда их растягивают до размера, далекого от начального, они искажаются. Это приводит к размытой и смазанной картинке. Невозможно изменять размер растрового изображения, не изменяя его разрешения. Именно поэтому лучше всего сохранять и хранить растровые изображения в размере, подходящем для использования для той или иной цели.
С другой стороны, векторные изображения гибче, потому что вместо пикселей используются пропорциональные соотношения. Такие форматы, как EPS, AI и DF, идеальны для создания изображений с целью дальнейшего изменения размера. Логотипы и бренды чаще всего создаются как векторные изображения. Самый большой плюс вектора – возможность изменять размер изображения от размера почтовой марки до большого билборда без потери качества.
Что касается сжатия, все изображения можно разделить на две категории: с потерями и без потерь. Когда несжатые изображения, сжимаемые с потерями, теряют некоторое количество изначальной информации, то в результате оказываются хуже, чем оригинал. Сжимаемые без потерь изображения, с другой стороны, сохраняются пиксель за пикселем для того чтобы сохранить качество. Однако этот процесс требует большого объема памяти.
Нет ничего необычного в том, чтобы наткнуться на оба типа изображений, ища фотографии в интернете.
Форматы изображений
В процессе работы с графикой важно знать, как работают различные форматы изображений. Это один из ключевых факторов успеха. Если вы сохраните изображение, над которым вы тщательно работали, в неправильном формате, возможно не получится правильно его загрузить. Даже хуже — можно потерять оригинальное качество изображения или возможность его усовершенствовать. Этой распространенной ошибки можно избежать, если вы осведомлены об особенностях форматов.
Несмотря на то, что существует бесчисленное множество форматов изображений, и в этой индустрии есть «тяжеловесы». Сегодня они — наиболее широко используемые. Большинство людей сталкивались или использовали хотя бы один, если не все из них.
1. JPG
JPEG, или JPG, это аббревиатура от Joint Photographic Experts Group, названия компании-разработчика. Со времени своего создания в 1994, JPG считается стандартным форматом графических файлов. Вероятно, на данный момент самый популярный формат изображений в сети.
Файлы JPG сжимаются с потерями. Это значит, что тонны информации теряются при переходе оригинальной фотографии в JPG-формат. Этот формат избавляется от всей ненужной информации, чтобы сохранить изображение в файл малого размера. В некотором смысле это значит, что и качество изображения снижается.
Почти каждый цифровой фотоаппарат использует формат JPG. Пользователь может снимать, и фотографии сохранятся в JPG. Благодаря меньшему размеру файла, JPG очень распространен в интернете . Такие файлы не занимают много места, и требуют минимального времени для загрузки. Также изображения JPG более гладкие и менее зернистые чем GIF.
JPG используют и для изображений и фотографий, которые содержат очень большое количество цветов. Этот формат основан на механизме сжатия, позволяющем уменьшать размер путем ухудшения качества изображения.
JPG не подходит для изображений с текстом, плотными массами теней и основными фигурами с резкими краями. Когда фотографию подвергают сжатию, текст, цвет и края могут размыться. Результатом становится изображение не такое четкое, каким оно могло бы быть, будь оно сохранено в другом формате.
Достоинства JPEG:
• отличается 24-битным цветом, с 16 миллионами различных цветов и цветовых комбинаций.
• Воспроизводит богатый, живой цвет, идеальный для четкого фокуса на деталях цвета в фотографии.
• Самый узнаваемый и распространенный формат
• Распознается в большинстве операционных систем.
Недостатки JPEG:
• Часто избавляется от большого количества информации
• Могут быть последствия при сжатии
• Нельзя анимировать
2. GIF
GIF – аббревиатура от Graphics Interchange Format(формат для обмена изображениями). Он уменьшает количество цветов в изображении (потенциально от тысяч и сотен тысяч) до 256. В отличие от JPG GIF поддерживает прозрачность. У таких изображений есть уникальная возможность воспроизводить серию кадров, почти как видео, что рассматривается как GIF- анимация. Из последовательности отдельных файлов GIF, систематично связанных вместе, появляется действие или анимация.
GIF, также как и JPG, имеют возможность порционной загрузки на сайты. Такие изображения, называемые графикой с форматом чересстрочного графического обмена, обычно имеют больший объем, чем обычные GIF-файлы. Уникальная их особенность – возможность частично отображать GIF в процессе его загрузки. Такие ее характеристики производят впечатление быстрой обработки. Когда GIF загружается в браузере, первый кадр обычно нечеткий и смазанный. Тем не менее, по мере загрузки информации изображение становится более четким.
Файлы GIF сжимаются без потерь, и поэтому больше подходят для графики с единичными тенями. Тем не менее, качество не настолько хорошее, особенно для передачи четких и детализированных фотографий. Файлы GIF хорошо использовать для графики с ограниченным диапазоном цветов, например логотипов и графиков, или для изображений с прозрачными частями. Избегайте использования GIF для многоцветных изображений и портретов, в которых важны оттенки .
Формат GIF можно использовать для изображений, отличающихся небольшим диапазоном цветовой гаммы. Алгоритм сжатия информации в этом случае гораздо менее затруднительный, чем при формате JPG. Формат не подходит для фотографических изображений и изображений с градиентными тенями. Так как GIF располагает малым количеством цветов, фотографии и градиенты будут грубо пикселизированы.
Конкретно этот формат файлов довольно старый. В 2012 он отпраздновал свой серебряный юбилей(25 лет), представив коллекцию гифок. Несмотря на это, формат все еще широко используется, но дизайнеры часто пренебрегают им, больше склоняясь к PNG.
Достоинства GIF:
• Допускает прозрачность
• Может содержать небольшую анимацию
• Отличается отсутствием потерь в качестве при сжатии
• Хорош для графики с ограниченными цветами
Недостатки GIF:
• Ограничен 256 цветами
• Считается немного устаревшим в сравнении с другими форматами.
3. PNG
PNG расшифровывается как Portable Network Graphics (переносимая сетевая графика). Этот графический формат в некотором смысле призван был заменить GIF.В отличие от последнего, PNG был создан командой свободных разработчиков как некоммерческий беспатентный проект. PNG предоставляет пользователям множество обновлений и улучшенных функций в сравнении с GIF.
Также как и GIF, файлы PNG сжимаются без потерь. PNG не может полностью заменить JPG, но при сжатии позволяет достигнуть равновесия между качеством изображения и его размером. Вообще, изображения, сохраненные в формате PNG, обычно на 10-30% более сжатые, чем сохраненные в GIF.
Также как и JPG, PNG бесполезен, когда дело доходит до анимации, но его можно расширить. Разработчики могут создавать версии PNG-изображений с записанным рядом графики. PNG обладает способностью сохранять цветовые слои, что делает его бесспорно лучшим вариантом для сохранения фотографий в процессе редактирования. Мало того, что он сжимается без потерь, так еще и находится в открытом доступе. Также позволяет создавать изображения с прозрачным фоном.
Создавался формат PNG как альтернатива GIF, когда казалось, что правообладатели GIF склонялись к тому, чтобы сделать его коммерческим проектом. И также как и GIF, PNG не подходит для сохранения стандартных фотографий. Если проблему образования полосчатой структуры можно решить, главной проблемой все же остается то, что размер изображений не уменьшается. Старые модели телефонов тоже не поддерживают PNG.
Достоинства PNG:
• Сжимается без потерь, поэтому изображения не теряют качество и детализацию
• Обладает лучшими функциями чем GIF
• Файлы имеют меньший размер в сравнении с GIF
• Поддерживает прозрачность
Недостатки PNG:
• Создает файлы очень большого размера (больше чем JPG)
• Нельзя анимировать
• Взаимодействует не со всеми браузерами
4. TIFF
TIFF это аббревиатура от Tagged Image File Format (тегированный формат изображений). На настоящее время он используется только предпочитающими сжатие без потерь профессионалами в фото-индустрии. Иронично, но он наименее популярный из этой категории «тяжеловесов». Скорее всего, это потому, что редко когда распознается сайтом как тип файла. Также существуют несколько типов файлов форматов TIFF, но ни одна программа не распознает все из них. Это приводит к различным проблемам с форматами. Но когда дело доходит до печати, TIFF считается одним из лучших форматов.
TIFF был разработан корпорацией Aldus для публикации и печати с компьютерных носителей. К 2009, кодовый шифр был внесен и в систему Adobe. Форматы TIFF приобрел хорошую репутацию и среди простых пользователей, но наибольшего признания он достиг в среде графических дизайнеров и специалистов, чья деятельность так или иначе связана с графикой. Статистика показывает, что TIFF – популярный формат среди пользователей Apple.
Конкретно этим форматом очень легко манипулировать в программах, используемых для верстки, создания макетов или редактированием изображений. TIFF – невероятно гибкий формат: он может сжиматься как с потерями, как JPG, так и без потерь, как GIF и PNG. К тому же насыщенные изображения этого формата поддерживаются различными программами для работы с графикой. Он может записывать полутоновую графическую информацию, варьируя интенсивность пикселей, что делает его подходящим для обработки, хранения и печати разнообразной графики. Когда речь идет о растровых форматах изображений, TIFF считается главным среди них.
TIFF распространен как в графических редакторах (Photoshop), так и в программах для верстки (например, Quark и InDesign).
Достоинства TIFF:
• Очень гибок
• Поддерживает различные типы сжатия
• Дает высококачественные изображения с сохранением цветового диапазона и данных
• Сохраняет слои в изображении
Недостатки TIFF:
• Очень большой размер изображений
• Долго перемещается
• Занимает много места на диске
5. RAW
Файлы форматов RAW содержат в основном информацию, перенесенную прямо с цифрового фотоаппарата. Изображения этих форматов называют «raw» (прим. англ. — сырой) по той простой причине, что они еще нетронуты, с ними не совершалось никаких действий. Эти файлы еще не загружали, потому их нельзя редактировать, обработать или отправить в печать. Таких форматов много, и почти каждая компания, производящая фотоаппараты, использует свой собственный.
В изображениях формата RAW обычно содержится значительное количество несжатых данных. По этой причине размер файла формата RAW невероятно большой. Обычно, до начала обработки их конвертируют в TIFF.
6. BMP
BMP или Bitmap — это графические форматы Windows. С некоторой точки зрения, они одни из немногих форматов. Файлы BMP большие по объему, и информация в них несжатая. В то же время они обладают насыщенной палитрой цветов и хорошим качеством, довольно просты и подходят для всех устройств с оперативной системой Windows. Файлы BMP известны благодаря программе Paint.
Изображения Bitmap состоят из миллионов точек, называемых пикселями, которые окрашены в разные цвета и расположены так, что образуют изображение. Такие файлы могут быть 8-битными, 16-битными или 24-битными. Таким образом, когда увеличивают или уменьшают изображение BMP, фактически уменьшаются или увеличиваются отдельные пиксели, что приводит к нечетким контурам и формам.
BMP- файлы не очень распространены, потому что мало используются в интернете и в системах кроме Windows.
7. SVG
SVG(Scalable Vector Graphics — Маcштабируемая Векторная Графика) — сетевой стандарт для XML, определяющий графические элементы и анимацию в двух измерениях. Он используется уже около 10 лет, но учитывая настоящий бум HTML5, только сейчас на него обратили внимание. SVG позволяет создавать статичную или анимированную графику высокого разрешения, которая не потеряет качества при изменении размера. Таким образом, SVG- изображения одинаково хорошо выглядят на небольшом дисплее телефона и на экране телевизора с диагональю 60 дюймов.
8. EPS
В отличие от предыдущих изображений, EPS относится к категории векторных. Как и другие векторные форматы, EPS не становиться пикселизированным при изменении масштаба или размера изображения. Такие файлы подходят для многих программ, связанных с фотоманипуляцией. Еще он довольно распространен среди фотографов и художников, которые готовят свои работы для печать.
9. PDF
PDF — самый универсальный из форматов файлов. Его можно редактировать, распространять, копировать, распечатывать и многое другое. Этот формат объединяет изображения, текст и макет в один файл, независимо от программы, в которой они были созданы. Кроме того, это один из самых легких для использования форматов, и, что более важно, совместим со всеми оперативными системами и приложениями.
О важности правильного формата
В ведении сайта или блога от хорошего содержания не так много зависит. Чаще всего, слов оказывается недостаточно в конкурирующем мире «онлайна». Вставка соответствующей картинки может помочь улучшить сайт. Визуальная составляющая публикации добавляет некоторую степень сложности к ее восприятию, так как каждое изображение вызывает определенные эмоции. Кроме того, графические элементы придают красочности веб-странице, а иначе она выглядит просто или пусто.
И просто фотографии не подойдут. Выбор изображения для вставки чаще всего занимает достаточно времени. Если вы можете делать фотографии для своего блога самостоятельно, то вам повезло. Если же нет, придется хорошо поискать в интернете изображение, отличающееся от общих и стандартных изображений, которые вы находите на других сайтах.
Выбор изображения значит и выбор правильного формата. Это необходимо, если захотите привести изображение в порядок, изменив цветовую гамму или добавив текст. Малейшая правка может исказить качество изображения, особенно если сохранить отредактированный файл в неверном формате.
Стоит упомянуть, что надо обращать внимание на лицензирование. Если только вы не загружаете снятые вами фотографии, или рисунок/набросок, который создали вы сами, нужно проверить лицензионные сведения. Если вы используете фотографии со стоковых сайтов, то, возможно, вам придется заплатить за то, чтобы опубликовать ее на своем сайте. Если даже вы нашли сайт с бесплатными стоковыми материалами (которые обычно бесплатны и для использования), все еще стоит обращать внимание на правила лицензирования сайта. Когда загружаете и сохраняете стоковые изображения, бесплатно или нет, вам нужно выбрать подходящий формат, зависящий от дальнейшего использования изображения.
Надеюсь, что этот быстрый обзор графических форматов прояснил разницу между ними. Таким образом, в следующем проекте или публикации вы будете точно знать, какой формат использовать.
