В чем разница между изображениями JPG / JPEG, GIF, PNG, TIF / TIFF и BMP

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

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

Для этого мы постараемся внести ясность в некоторые основные термины при работе с изображениями, а также особенности наиболее используемых форматов файлов — JPG / JPEG, PNG, TIF / TIFF, GIF и BMP.

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

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

Растровая графика

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

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

Пикселей

Разрешение (разрешение) растровых изображений измеряется в точках на дюйм (dpi) или количеством пикселей по горизонтали и вертикали. В нашей практике обычно приходится работать с разрешением, представленным как количество пикселей по горизонтали и вертикали. Например, если мы загружаем обои для рабочего стола с разрешением 1366×768 пикселей, это означает, что он имеет 1366 пикселей по горизонтали и 768 пикселей по вертикали.

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

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

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

Сжатие с потерями или без потерь

Сжатие с потерями

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

Высокое качество Низкое качество

На обоих изображениях вы видите фотографию котенка с разрешением 300×205 пикселей, и они сохранены в формате JPG с разной степенью сжатия. Первое изображение использует минимально возможную степень сжатия — в результате получается изображение высокого качества с размером файла 93 КБ. Во втором изображении используется высокая степень сжатия — в результате получается изображение низкого качества, но файл намного меньше — всего 30 КБ.

Сжатие без потерь

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

JPG, GIF, PNG, TIF, BMP… или что означают эти форматы файлов

Изображения JPG / JPEG

Полное имя: Объединенная группа экспертов в области фотографии

Расширение файла: .jpg / .jpeg

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

В большинстве случаев идея состоит в том, чтобы найти баланс между качеством фотографии и размером файла, в котором она сохраняется. Неслучайно, если вы используете Adobe Photoshop, то при сохранении изображения в формате JPG / JPEG вы сможете выбрать качество (по шкале от 0 до 12), которое обратно пропорционально размеру сохраняемого файла. Использование непрофессионального программного обеспечения для редактирования и экспорта изображений JPG / JPEG, а также их многократное редактирование и перезапись с помощью такого программного обеспечения может вызвать чрезмерное сжатие и эффект, аналогичный второй фотографии с кошкой, которую мы показали выше.

GIF изображения

Полное имя: Формат обмена графикой

Расширение файла: .гифка

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

PNG изображения

Полное имя: Переносимая сетевая графика

Расширение файла: .PNG

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

Изображения TIF / TIFF

Полное имя: Теговый формат файла изображения

Расширение файла: .tif / .tiff

TIFF или TIF ​​- это формат для записи растровых изображений. Первоначально разработанный как универсальный формат для хранения отсканированных изображений, сегодня это наиболее широко используемый формат для растровых изображений в допечатной подготовке (источник https://bg.wikipedia.org). В TIFF тоже есть сжатие, но дело не в качестве. В отличие от JPEG, TIF / TIFF не ухудшается после каждой перезаписи файла. Вот почему этот формат подходит для файлов, которые мы будем редактировать неоднократно. С другой стороны, эти файлы после записи имеют больший размер, что объясняется хорошим качеством изображения. Хотя этот формат постоянно развивается, в настоящее время мы не рекомендуем встраивать изображения TIF / TIFF на веб-страницы.

BMP изображения

Полное имя: Растровое изображение

Расширение файла: .BMP

Это формат без потерь, широко используемый в Windows. Файлы BMP всегда содержат данные RGB, а глубина цвета может варьироваться -8, 16, 24 бит и т. Д. Размер выходного файла относительно велик в зависимости от палитры, но вы можете быть уверены, что даже при многократном редактировании файла .bmp качество останется таким же, как у оригинала.

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

Понравилась статья? Поделиться с друзьями:
Что нужно знать пользователю?