JPG, PNG и GIF: различия между форматами файлов изображений

Роза под любым другим именем может пахнуть так же сладко, как Шекспир говорит в "Ромео и Джульетте", но если вы сделаете снимок этой розы и сохраните его в формате JPEG с высоким сжатием, качество изображения может ухудшиться. Однако это не проблема, поскольку у вас также есть возможность использовать PNG, TIFF, GIF, SVG или даже новый формат, такой как HEIC или WebP. Некоторые из этих форматов будут отлично смотреться в информационном бюллетене семьи Капулетти, в то время как другие лучше впишутся в блог Ромео, поэтому расшифровка этих типов файлов может быть довольно полезной.

С потерями против без потерь

форматы изображений с потерями

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

Растр против вектора

изображения-форматы-растр-вектор

Когда вы думаете о формате изображения, вы, вероятно, имеете в виду растр. Это. не имеет ничего общего с Бобом Марли - это просто означает, что файл по сути представляет собой сетку цветных пикселей, составляющих изображение. JPG, PNG, GIF, TIFF и большинство других файлов фотографий являются растровыми. Единственная информация, которую они имеют, - это цвет пикселей, поэтому их увеличение или растяжение обычно приводит к более пиксельному изображению.

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

Joint Photographic Experts Group (JPEG) - Lossy Raster

форматы изображений-JPEG

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

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

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

Portable Network Graphics (PNG) - Растр без потерь

форматы изображений-png

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

Вы также можете встретить PNG-8 и PNG-24 в некоторых программах. Они по-прежнему будут экспортировать как обычные PNG, но PNG-8 поддерживает только 256 цветов и не допускает частичную прозрачность, что дает вам меньший размер файла, чем более полнофункциональный PNG-24.

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

Графический формат обмена (GIF) - растр без потерь

форматы изображений-GIF

Предшественник PNG, формат GIF сейчас наиболее известен тем, что позволяет создавать короткие циклы видео, которые невозможно оторвать от просмотра в социальных сетях. Споры о том, следует ли произносить его как " g if" или " j if", довольно жаркие, но если вы хотите рассердить обе стороны, попробуйте произнести это как " Джефф."

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

Подходит для: простой графики, анимации, значков.

Tagged Image File Format (TIFF) - Растровый без потерь

форматы изображений-tif

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

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

Масштабируемая векторная графика (SVG) - вектор

форматы изображений-svg

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

Отлично подходит для: деловой графики, масштабируемой графики, логотипов.

Новые форматы

Возможно, вы еще не видели эти форматы вживую, но они предлагают некоторые преимущества по сравнению с современными стандартами.

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

HEIF - это, по сути, JPEG, но с более высоким качеством и меньшими размерами файлов. Теперь это формат изображения по умолчанию в iOS 11 и новее.

форматы изображений Heif

WebP

WebP - это формат Google, и он делает практически все: лучшее сжатие, чем JPEG, лучшую анимацию, чем GIF, и прозрачность на уровне PNG. Он поддерживается несколькими браузерами и в настоящее время используется YouTube, Facebook и некоторыми другими сайтами, если вы посещаете их с помощью поддерживаемого браузера.

форматы изображений-WebP

Почему так много форматов?

Маловероятно, что когда-либо будет существовать один формат, который бы управлял всеми ими, поскольку для разных полей требуются разные изображения. Обычным интернет-браузерам действительно не нужно думать за пределами JPEG и PNG (и, возможно, WebP и HEIC в будущем), но для бизнес-приложений и приложений публикации такие параметры, как TIFF и SVG, упрощают жизнь.

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

Изображение предоставлено: сравнение JPEG, JPEG 2000, JPEG XR и HEIF, разработчики Google, W3C.org, It’s Easy Neon Animated Gif, JPEG JFIF и сравнение 2000, пример сжатия JPEG

2 комментария

  1. Я никогда не мог понять, почему люди произносят GIF с мягким G - в конце концов, это графический формат обмена. Откуда пришла идея, что это должно произноситься как "J"?


    Эти дебаты - один из моих любимых моментов в истории Интернета: D Я придерживаюсь жесткого "g", но создатель формата на самом деле говорит, что его следует произносить с мягким g, и это не перестало разрывать людей поскольку. На данный момент это просто стилистическая разница, но спорить об этом весело.

Комментарии закрыты.