Типы картинок: Форматы графических файлов: RAW, JPG, PNG, TIFF,

Чем отличаются форматы изображений и зачем они нужны

Вадим Сычёв

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

RAW

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

В статье будет использоваться одна и та же фотография для сравнения. В браузере нельзя отобразить её в формате RAW, но просмотр высококачественных фотографий в формате JPEG или PNG должен дать представление о том, как выглядит оригинал. Также для сравнения необработанный файл этой фотографии имеет размер 12,4 МБ.

JPEG

Наиболее распространённый формат изображений JPEG (или JPG) является стандартом организации Joint Photographic Experts Group и часто используется для публикации фотографий и изображений текста в интернете. Формат поддерживает 24 бита на пиксель, по 8 для зелёного, синего и красного, что делает этот формат «truecolor», который может отображать более 16 000 000 цветов.

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

JPEG высокого качества (качество установлено на 100), размер: 471 КБ

JPEG среднего качества (установлено качество 50), размер: 68 КБ

JPEG низкого качества (качество установлено до 20), размер: 32 КБ

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

GIF

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

Вот тестовая фотография в кодировке GIF:

Размер GIF: 194 КБ

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

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

PNG

Тип файла Portable Network Graphics, предназначенный для замены GIF, — это ещё один формат сжатия без потерь. Он содержит значительно больше информации, чем его предшественник: 24 или 32 бита на пиксель. 24-разрядная версия содержит информацию RGB, а 32-разрядная использует цветовое пространство RGBA. «A» в RGBA означает «альфа», что обеспечивает разные уровни прозрачности изображения (клетчатый фон, как на рисунке ниже, обычно указывает на прозрачность).

Поскольку PNG-файл содержит гораздо больше информации, он будет немного больше, чем JPEG или GIF.

Размер PNG: 1,5 МБ

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

TIFF

The Tagged Image File Format изначально разрабатывался для сканеров и становился всё более сложным по мере того, как сканеры переходили от чёрно-белого к полутоновому и до полноцветного изображения. Теперь это широко используемый полноцветный тип файла. TIFF-файлы могут быть сохранены в сжатом или несжатом виде, а используемое сжатие может быть с потерями или без. В большинстве случаев будет использоваться сжатие без потерь, хотя, если размер важен, можно пожертвовать качеством.
Поскольку TIFF технически является обёрткой или контейнером файла, он может сохранять изображения с различными битами на пиксель, предоставляя вам возможность иметь очень большое количество цветов, как это было бы с JPEG или PNG.

Примечание Поскольку поддержка TIFF не универсальна в браузерах, показаны высококачественные JPEG-скриншоты TIFF-файлов.

Несжатый размер TIFF: 2,2 МБ

Размер сжатого файла TIFF: 1,6 МБ

Эти файлы изображений без потерь немного объёмнее, чем форматы JPEG или GIF, но они содержат гораздо больше информации. Хотя в интеренете вы не видите TIFF так же часто, как другие форматы, он очень широко используется и может быть открыт практически любой программой для редактирования изображений.

BMP

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

BMP (bitmap) — это, прежде всего, формат для Windows, и стандарт поддерживается Microsoft. Как и TIFF, он может хранить произвольное количество бит на пиксель, вплоть до 64, а значит, он содержит много информации об изображении. Этот формат может содержать данные о прозрачности, но некоторые приложения Microsoft не позволяют их читать.

Короче говоря, если у вас есть BMP, конвертируйте его во что-то другое. Всё будет работать лучше.

Размер BMP: 1,1 МБ

Какой формат изображений лучше использовать?

Короткий ответ: для большинства целей PNG — очень достойный вариант. Особенно если изображения большого размера. Например, для печати фотографий размером 8×10 и более. Различие между типами файлов наиболее очевидны на напечатанных фотографиях. А сжатие без потерь означает, что качество будет поддерживаться в течение нескольких циклов сжатия.

JPEG высокого или даже среднего качества, скорее всего, подойдёт, если вам нужна более высокая степень сжатия, например для отправки фотографий по электронной почте.
TIFF в основном полезен, если вы знаете, как настроить определённые параметры. Следует избегать как GIF, так и BMP (если, конечно, вы не создаёте анимированные GIF). Рекомендуется хранить RAW-файлы, чтобы вы всегда могли редактировать свои фотографии прямо из исходника.

Перевод статьи «JPEG, GIF, or PNG? Image Filetypes Explained and Tested»

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

Давайте обсудим различные форматы изображений. jpg, bmp, gif, png, tiff, ico, вам знакомы эти расширения файлов? При таком количестве разновидностей легко запутаться и хранить свои изображения в неоптимальном виде. Чем это опасно? Например, тем, что используя «сжатие с потерями» вы пожете потерять качество изображений; кроме того, необработанные, «сырые» изображения могут занимать очень много места на диске.

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

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

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

Формат BMP

Самый простой формат изображений. Позволяет хранить многоцветные изображения (сейчас нужно сделать отступление о том, как хранится цвет точки в изображении. 8=256 различных цветов). Так вот bmp позволяет использовать до 48 бит на пиксель (веб-стандартом является 24).

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

Формат GIF

Очень интересный формат. Глубиной цвета он не радует (8 бит), но для каких-нибудь таблиц этого вполне достаточно. Но у этого формата появляется понятие прозрачности. Один из 256 цветов можно указать как прозрачный, и при отображении рисунка, например, на веб-странице, вместо этого цвета будет виден фон. Далее, у gif опять-таки есть сжатие без потерь, и уровень этого сжатия существенно лучше, чем у bmp.

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

Формат PNG

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

Еще одно преимущество png — так называемый альфа-канал. Помимо указания интенсивности синего, красного и зеленого, у каждой точки можно указать уровень прозрачности. Таким образом, мы получаем не только безусловную прозрачность (есть — нет) как в gif, а возможность варьировать прозрачность разных частей изображения. Это свойство позволяет делать плавные переходы — четкое изображение посередине, постепенно переходящее в фон. К сожалению, не все браузеры правильно отрабатывают альфа-прозрачность.

Формат JPG

Переходим к самому известному формату с потерей качества, jpg. Потеря качества означает, что применяется необратимое сжатие — из jpg невозможно восстановить изначальное изображение.

То есть, вообще говоря, получается рисунок не идентичный изначальному. Но если установить слабый уровень сжатия, то эти отличия будут малосущественны, а объем уже может сильно понизиться. Чем выше уровень сжатия, тем меньше объем и тем больше искажается рисунок.

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

Формат TIFF

Формат всех форматов, контейнер, позволяет использовать другие форматы, сжатие с потерей и без потерь, 192 бита на пиксель. Недостатки — сложность работы с форматом и практически отсутствие поддержки у браузеров. Если вы не профессиональный дизайнер, не используйте tiff.

Формат ICO

Почти что и не формат. ПО структуре больше всего напоминает bmp, но поддерживает прозрачность (как gif).

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

Подведем итоги сравнения форматов изображений. Сначала небольшая таблица:

разное

	Макс. бит/пиксель	Прозрачность	Анимация	Веб-поддержка	Большие габариты	Сжатие
bmp	48	—	—	+	+	без потери, плохое
gif	8	булевая	+	+	+	без потери, хорошее
png	48	альфа-канал	—	+	+	без потери, хорошее
jpg	24	—	—	+	+	с потерей качества
tiff	192	альфа-канал	—	—	+
ico	24	альфа-канал	—	+	—	без потери, плохое

Таким образом, для маленьких картинок специального назначения можно использовать ico, если вам нужна анимация, то ваш выбор — gif, для фотографий хорошо использовать jpg, а для диаграмм и изображений с малым количеством цветов — png. Формат bmp я использовать вообще не рекомендую, а tiff оставим для профессионалов.

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

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

Please enable JavaScript to view the comments powered by Disqus.comments powered by Disqus

Типы графических файлов, которые можно вставлять и сохранять

Word для Microsoft 365 для Mac Word 2021 for Mac Word 2019 для Mac Word 2016 для Mac Word для Mac 2011 Еще…Меньше

Типы графических файлов, которые можно вставлять в документы Office

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

Тип файла	Формат файла
BMP	точечный рисунок Windows
EMF	Расширенный метафайл Windows
EMZ	Сжатый расширенный метафайл Windows
EPS	Инкапсулированный PostScript
FPix, FPX	FlashPix
GIF	Формат GIF
JPEG, JFIF, JPEG-2000	Формат JPEG
PDF	Формат PDF
PICT, PCT	Рисунок Macintosh
PNG	Формат PNG
PNTG	Macintosh Paint
PSD	Документ Photoshop
QTIF	Формат изображения QuickTime
SGI	Формат SGI
TGA, TPIC	Targa
TIFF, TIF	Формат TIFF
WMF	метафайл Windows
WMZ	Сжатый метафайл Windows

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

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

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

Сохранение изображени й из приложения Office	Тип графического файла
Для использования в браузерах	JPEG, GIF, PNG
Для одновременного использования на компьютерах под управлением Windows и компьютерах Macintosh	GIF, JPEG, PNG, PDF
С тысячами и миллионами цветов	JPEG, PNG, BMP
С не более чем 256 цветами	GIF
Для использования в других приложениях Macintosh	GIF, JPEG, PDF

Типы изображений и растровых данных используемых снимками и данными дистанционного зондирования—ArcGIS Pro

Доступно с лицензией Image Analyst.

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

Информационное содержание снимков

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

Пространственное разрешение

Пространственное разрешение ссылается на размер пикселов (элементов изображения) на поверхности, составляющей изображение, и часто упоминается как размер пиксела на земной поверхности (GSD). Оно зависит от возможностей сенсора и высоты съемки. GSD определяет уровень пространственной детализации и, соответственно, видимые на снимки объекты. Как правило, чем меньше пиксел, тем более детальным является ваше изображение. Небольшие размеры пиксела, 3 дюйма или 10 см, приводят к получению больших файлов, которые сложно обрабатывать, хранить и управлять ими. Способы извлечения объектов могут отлично подходить для одного GSD, но не работать для других GSD, что также необходимо учитывать. Небольшой размер пикселов не всегда подходит для определенного проекта, например, для классификации растительности на уровне штатов, провинций или государств. Пространственное разрешение тесно связано с минимальной единицей картографирования проекта, поскольку для идентификации на карте объекта требуется определенное число пикселов.

Спектральное разрешение

Спектральное разрешение определяется сенсором и выражает области спектра электромагнитного излучения. Спектральными характеристиками сенсора являются: число каналов изображения, длины волн и спектральная ширина каналов и соотношение сигнал/шум. Спектральное разрешение определяется способностью сенсора измерить спектральный образ объекта. Эти характеристики определяют тип объектов и явлений, которые можно будет идентифицировать и нанести на карту. Мультиспектральные сенсоры выполняют съемку в четырех и более неперекрывающихся каналах достаточной ширины (от 50 до 80 нм) и позволяют идентифицировать массу объектов: растительность, почвы, водные и антропогенные объекты. Гиперспектральные сенсоры собирают информацию в большом числе (более 100) узких каналов (от 5 до 10 нм), выбранных специально для сбора определенных областей спектрального образа объектов. Гиперспектральные сенсоры позволяют получить более детальную информацию, например, выделить виды растений, определить качество воды и характеристики строительных материалов. Гиперспектральные сенсоры менее распространены по сравнению с мультиспектральными, так как обычно устанавливаются на самолетах и намного дороже, а также требуют специальных знаний для работы, обработки и анализа данных.

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

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

Временное разрешение

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

С широким распространением дронов сильно увеличилось временное разрешение. Дроны могут выполнять съемку определенной территории ежедневно, несколько раз в день и даже непрерывно. Эта технология позволила внедрить новые виды съемки, недоступные ранее.

Другим важным фактором, подлежащим учету при выборе подходящих для проекта снимков, является экстент покрытия системы дистанционного зондирования. Экстент съемки — это контур или покрытие съемкой земной поверхности для датчика. Спутниковые сенсоры имеют очень большую площадь охвата, обычно от 10 до 200 километров и более, в то время как сенсоры аэрофотосъемки значительно меньшую — несколько сотен метров на изображение, в зависимости от сенсора и высоты полета. Беспилотные летательные аппараты имеют небольшой радиус действия в десятки метров.

Геометрические характеристики изображений

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

• Изображения базовых карт – Обработанное, ортотрансформированное изображение или коллекция листов изображения, объединенных в карту и используемых в качестве подложки. Базовые карты обычно используются в качестве подложки ГИС-данных и обычно сбалансированы по цветам для оптимизации их внешнего вида. Из-за этого они обычно не подходят для автоматизированного извлечения объектов.
• Вертикальные изображения – Изображения, собранные для целей картографирования и содержащие метаданные геопозиционирования. Основное их назначение — создание геометрически точных базовых карт, а также автоматическое и полуавтоматическое извлечение объектов.
• Перспективные изображения — Изображения, полученные под углом — не в надире, и не подходящие для точного картографирования, но являющиеся очень полезными для визуальной интерпретации и изучения текущей ситуации. Изображения, используемые в мониторинговых приложениях, обычно являются перспективными. У них есть метаданные геопозиционирования
• Стереоснимки – Перекрывающиеся изображения, полученные специально для их использования в стереорежиме и содержащие метаданные геопозиционирования. Стереоснимки нужны прежде всего для точного выделения 3D-объектов с целью создания картосновы и обновления слоев ГИС.
• Движущиеся изображения – Многокадровые изображения, фиксирующие движение с частотой от 1 до 120 Гц, например видеоданные. У этих снимков обычно есть метаданные геопозиционирования, встроенные в цифровой видеопоток.
• Рисунки – Изображение без адекватных метаданных геопозиционирования. У такого изображения может быть информация об интенсивности, связанные с радиометрией. Эти изображения часто имеют исторический характер или используются в поддержку наземных съемок.

Базовые снимки

Спутниковое изображение QuickBird предоставлено DigitalGlobe

Эта карта спутникового изображения Сан-Франциско создана на основе базовой карты Esri. Она создана из нескольких ортотрансформированных спутниковых снимков, для которых был выполнен цветовой баланс, объединенных в мозаику с линиями сшивки. Это становится очевидным, если посмотреть на мост, расположенный в нижнем правом углу сцены. У этого моста есть разрыв на границе воды и суши. Это смещение вызвано искажением за рельеф исходного снимка, которое не удалось исправить в матрице высот, используемой для трансформирования. Базовые карты очень точны, но это касается только объектов, расположенных на земной поверхности. Здания, мосты и другие высокие объекты точны только на уровне их фундамента — на уровне земной поверхности. Радиометрия базовой карты также сильно изменена, чтобы обеспечить эстетически привлекательное изображение. При извлечении объектов из базовых карт нужно быть очень внимательным. Базовые карты обычно используются в качестве подложки для ГИС-слоев и являются отличным источником для извлечения объектов в ходе создания и обновления картосновы. Однако нет ничего необычного в устаревании базовых карт с течением времени и в связи с затратами, необходимыми для их создания.

Вертикальные снимки

Спутниковый снимок WV-1 предоставлен DigitalGlobe

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

Перспективные изображения

Спутниковое изображение WV-1 предоставлено DigitalGlobe

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

Стереоснимки

Стереанаглифические изображения предоставлены Vexcel Imaging

Стереоснимки используются разными способами. Они часто используются для создания моделей местности, контуров крыш и фундаментов зданий, изучения растительности, например, лесов. Их применяют для извлечения 3D-объектов, идентификации и интерполяции объектов, которые сложно увидеть в моно-режиме, к примеру, земной поверхности, спрятанной на снимке под покровом леса. Стереоизображения просматриваются, анализируются и используются для сбора 3D-объектов в приложении Stereo Mapping в Image Analyst.

Motion Imagery

Движущиеся изображения чаще всего собираются для ситуационного анализа. Одной из наиболее распространенных форм является Full Motion Video (FMV), используемое в режиме реального времени и для экспертно-аналитических приложений. FMV объединяет видеопоток и связанные с ним метаданные в один видеофайл, что делает видео геопространственным. Сенсорные системы собирают информацию о наведении камеры, положении и высоте платформы и другие данные и кодируют их в видеопоток, чтобы каждый видеокадр был связан с геопозиционной информацией и мог отображаться на карте. Эта функциональность обеспечивает двунаправленный сбор и отображение пространственных данных между видеопроигрывателем FMV и видом карты. Например, вы можете собирать объекты в видеоплеере в режиме прямой трансляции и отображать их на карте вместе с другими слоями ГИС.

FMV использует метаданные для беспрепятственного преобразования координат между пространством видеоизображения и пространством карты, аналогично тому, как система координат изображения (ICS) преобразует неподвижные изображения. Это обеспечивает основу для интерпретации видеоданных в полном контексте всех других геопространственных данных и информации в вашей ГИС. Например, вы можете просматривать контур кадра, центр кадра и положение платформы визуализации в виде карты во время воспроизведения видео вместе со слоями ГИС, такими как здания с идентификаторами, геозонами и другой соответствующей информацией.

Краткая информация

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

Характеристики изображений, то, насколько они подходят для обычного использования, и как они обрабатываются в ArcGIS Image Analyst, описано в расположенной ниже таблице.

Тип изображения	Использование	Распространенность	Вид ArcGIS Pro
Базовые снимки	Контекст	Moderate	Вид карты
Вертикальные снимки	Создание и обновление карт	Средний	Вид карты
Перспективные изображения	Ситуационный анализ	Высокий	Вид карты в Перспективном режиме
Стереоснимки	Точное картографирование в 3D	От низкого до среднего	Открыть вид стереокарты
Motion Imagery	Ситуационный анализ	От низкого до среднего	Видео-плеер, связанный с видом карты
Рисунок	Ссылки	Низкий	Всплывающее окно

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

---

Отзыв по этому разделу?

Какой формат изображения лучше: все что нужно знать

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

Зачем нужно так много форматов, кому они нужны и почему нельзя все подряд хранить в JPEG?  Казалось бы, можно было бы обойтись всего одним разрешением для изображений и ничего не усложнять. На самом деле – нет. У каждого формата есть свое назначение, свои недостатки и преимущества.

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

Растр vs. вектор: в чем разница

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

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

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

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

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

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

Самые популярные форматы картинок

Теперь поговорим о каждом современном формате подробнее – расскажем об их свойствах и особенностях.

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

JPEG (JPG)

Расшифровывается как «Joint Photographic Experts Group». Это один из наиболее распространенных форматов графических файлов. Это расширение стало таким популярным благодаря гибким возможностям для сжатия данных: можно сохранить картинку в максимальном качестве, а можно – сжать до минимума и за секунды отправить в мессенджере или опубликовать на сайте.  

Большинство социальных сетей автоматически конвертируют залитый файл в JPEG.

Плюсы: 

➕ Небольшой размер при нормальном качестве

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

Минусы: 

➖ При каждом сохранении теряется качество

➖ Также теряется качество при масштабировании

➖ Из-за сжатия может плохо отображаться текст

Поддержка: 

• JPEG открывается во всех основных браузерах: Chrome, Safari, Firefox, Opera и так далее.
• Можно просматривать и обрабатывать в большинстве программ – в том числе в тех, что встроены в ваш компьютер изначально.

Где используют: 

• Иллюстрации к статьям в блогах, онлайн-изданиях
• Социальные сети
• Рекламные изображения

PNG

Название этого формата изображений расшифровывается как «Portable Network Graphics». Формат использует сжатие без потерь. В PNG хорошо сохраняются детали и контрасты между цветами. Кроме того, это разрешение поддерживает прозрачный фон и разные степени прозрачности – можно сделать плавные переходы из четкого изображения в фон. Если на таком изображении есть текст, он будет читаться лучше, чем в файле JPEG. 

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

Плюсы: 

➕ Сжатие без потери качества

➕ Поддержка прозрачного фона

Минусы: 

➖ Большие файлы могут замедлять загрузку сайта

Поддержка:

• PNG тоже открывается во всех основных браузерах: Chrome, Safari, Firefox, Opera и так далее.
• Открывается в большинстве программ для просмотра и обработки файлов. 

Где используют:

• Инфографики, баннеры, скриншоты, купоны и другие изображения, которые содержат много текста.

GIF

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

Плюсы: 

➕ Небольшой размер файлов

➕ Поддерживает анимацию

Минусы:

➖ Плохая цветопередача

Поддержка: 

• GIF не хуже JPEG открывается во всех основных браузерах: Chrome, Safari, Firefox, Opera и так далее.
• Открывается практически во всех редакторах и программах для просмотра изображений.

Где используют:

• Мемы
• Быстрые наглядные туториалы

TIFF

Расшифровывается как «Tagged Image File Formats». Этот формат подходит для хранения и редактирования изображений большого разрешения, которые потом пойдут в печать. Это формат без сжатия, поскольку его фокус – сохранение качества.  

Плюсы:

➕ Подходит для хранений файлов высокого разрешения

➕ Поддерживает прозрачный фон и сохраняет слои 

Минусы: 

➖ Нет сжатия

➖ Большой размер 

Поддержка: 

• Браузеры в основном не поддерживают TIFF, нужно скачивать специальные расширения
• Поддерживается программами для редактирования

Где используют:

• Изображения для печати в больших форматах
• Для сканирования изображений

WebP

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

Плюсы: 

➕ Легкие файлы при хорошем качестве

➕ Качественное сжатие

Минусы: 

➖ Поддерживается не всеми браузерами

Поддержка: 

• Google Chrome (версия 17+ на компьютере и 25+ мобильного приложения), Firefox (версия 65+), Edge (18+), Opera (11+), Safari (14+).
• Поддерживается распространенными профессиональными редакторами (типа Photoshop). Но в некоторых «родных» программах MacOS или Windows могут не открываться.

Где используют:

• Размещение изображений в интернете

HEIF

Расшифровывается как «High Efficiency Image File». Этот формат – относительно молодой конкурент JPEG. По задумке, он должен быть вдвое компактнее в сравнении со своим предшественником: при аналогичном качестве файлы весят в два раза меньше.

Плюсы:

➕ Отличное соотношение размер/качество

Минусы:

➖ Не сильно распространен и не поддерживается браузерами

Поддержка: 

• Поддерживается в MacOS версии Sierra и более поздних, а также IOS 11 и более поздних версиях этой операционной системы.

Где используют:

• Используются новыми смартфонами для хранения фотографий хорошего качества.

RAW

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

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

Плюсы: 

➕ Позволяет редактировать снимки – например, высветлять экспозицию и корректировать баланс белого

➕ Хранит полные данные об изображении

Минусы: 

➖ Большой размер

➖ Требуют обязательной обработки и конвертации

Поддержка: 

• В браузерах не открываются
• Поддерживаются большинством редакторов изображений

Где используют:

• Формируются фотокамерами и хранятся для дальнейшей обработки

Векторные форматы

SVG

Расшифровывается как Scalable Vector Graphics. Изначально формат был создан для визуализации двухмерных изображений прямо в веб-браузере. Широко используется в веб-дизайне.

Плюсы:

➕ Небольшой размер

➕ Распространенный формат: поддерживается большинством браузеров

Минусы: 

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

Поддержка: 

• Все основные браузеры: Google Chrome, Edge, Firefox, Safari, Opera, Internet Explorer)
• Большинство редакторов, поддерживающих работу с векторной графикой (Adobe Illustrator, Sketch и так далее)

Где используют:

• Отлично подходит для логотипов, иконок и простых иллюстраций

EPS

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

Плюсы: 

➕ Легко преобразуются в растровые форматы

➕ Поддерживается принтерами 

Минусы: 

➖ Не открывается в браузерах

Поддержка: 

• Большинство векторных редакторов (Adobe Illustrator, Sketch и так далее)

Где используют:

• Для хранения и печати иллюстраций

PDF

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

Плюсы: 

➕ Много возможностей для работы с текстом: можно искать слова или, например, вставлять ссылки

➕ Масштабирование без потери качества

Минусы: 

➖ Не загружается как часть веб-страницы, нужно размещать отдельной ссылкой для скачивания

Поддержка: 

• Поддерживается всеми браузерами
• Открывается как в текстовых редакторах (MS Word, Google Docs)

Где используют:

• Лучший вариант для интерактивного документа или кликабельной инфографики

Помимо названных, у большинства редакторов изображений – векторных и растровых – есть свой формат. Так, «родной» формат Photoshop – это PSD, программа для верстки Adobe InDesign предлагает работать с файлами INDD, а векторные редакторы CorelDraw и Adobe Illustrator – с CDR и AI соответственно.  

Как используют разные форматы изображений

	Графика для сети	Печать в больших форматах	Фото	Анимация	Высокое качество	Веб-дизайн
JPG	✅		✅			✅
PNG	✅					✅
GIF				✅
TIFF		✅			✅
WebP	✅
HEIF			✅
RAW			✅
SVG				✅		✅
EPS		✅
PDF		✅			✅

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

Хорошо, с назначениями форматов разобрались. Но что делать, если к вам попал файл формата TIFF, а его нужно преобразовать в JPEG? Тут помогут специальные программы – конвертеры файлов. Мы уже рассказывали о лучших бесплатных приложениях для конвертации файлов. А сегодня расскажем про наш любимый софт такого рода – Movavi Video Converter. 

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

Хотите попробовать? Скачивайте Movavi Video Converter со специальной секретной скидкой для читателей нашего блога: 

Попробовать Movavi Video Converter со скидкой 10% для Windows

Попробовать Movavi Video Converter со скидкой 10% для Mac 

Форматы файлов изображения: RAW, JPEG и другие

Форматы файлов изображения: RAW, JPEG и другие — Canon Kazakhstan

ХАРАКТЕРИСТИКИ КАМЕРЫ

Узнайте об особенностях различных форматов — RAW, C-RAW, HEIF и JPEG — и типах сжатия изображения.

На большинстве цифровых камер предусмотрена возможность выбора формата (его также называют типом файлов), в котором будут сохраняться фотографии, — RAW, JPEG, а теперь еще и HEIF (впервые представленный с камерой EOS-1D X Mark III в 2020 г.) Так чем же различаются эти форматы, и какой следует предпочесть?

Файлы RAW

Файл в формате RAW соответствует своему названию — это файл «сырых», необработанных данных. Он содержит именно те данные изображения, которые захватил датчик камеры. Все настройки баланса белого, стиля изображения и так далее, которые вы применили, присоединяются к файлу изображения. Это означает, что в дальнейшем их можно будет изменить с помощью программного обеспечения для обработки файлов RAW, например Digital Photo Professional (DPP) от Canon или Adobe® Photoshop® (с актуальной версией подключаемого модуля Adobe Camera Raw) и не только.

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

Название формата «RAW» не является аббревиатурой, его написание заглавными буквами сложилось исторически, при этом имена файлов RAW на камерах Canon не заканчиваются на «.RAW». Вместо этого, вплоть до появления камеры EOS M50 с новым процессором DIGIC 8, файлы RAW на камерах Canon сохранялись в формате .CR2. На некоторых камерах также предусматривались альтернативные форматы с более низким разрешением и «средним» (M-RAW) или «малым» (S-RAW) размерами файлов. Файлы этих двух типов обладают большинством преимуществ файлов RAW, но благодаря меньшему разрешению занимают меньше места в хранилище.

Процессор DIGIC 8 позволил использовать формат . CR3 и его подвид, формат C-RAW, который сохраняет то же самое разрешение, при этом сокращая размер файлов на 35–55% и экономя пространство на карте памяти. (Для этого, однако, C-RAW использует сжатие с потерями, то есть удаляет некоторую информацию об изображении. Вскоре мы остановимся на этом аспекте подробнее).

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

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

Преимущества формата RAW

• Максимальная гибкость при редактировании
• Широкий выбор настроек для редактирования после съемки
• 14-битные файлы: запись максимального диапазона цветов и тонов

Недостатки формата RAW

• Большой размер файла
• Необходимость в обработке (обычно на компьютере)

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

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

Файлы JPEG

JPEG означает Joint Photographic Experts Group (Объединенная группа экспертов в области фотографии), и именно эта организация внедрила стандарт JPEG. Все файлы JPEG обладают одинаковым универсальным форматом, вне зависимости от размера и качества.

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

При обработке изображения камера также применяет внутренние параметры, стиль изображения и другие настройки. После сохранения файла в формате JPEG эти настройки нельзя будет изменить — их применение необратимо. Разумеется, файл JPEG можно открыть в программном обеспечении для редактирования и скорректировать цвета, экспозицию и так далее, но файлы JPEG 8-битные, то есть содержат меньше информации, чем 10-, 12- или 14-битные файлы, которые можно сохранить на цифровых камерах EOS, и, соответственно, не предполагают такой свободы редактирования. Вскоре мы остановимся на этом подробнее.

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

Преимущества формата JPEG

• Меньший размер файлов: на карту памяти можно сохранить больше изображений
• Универсальный формат: для чтения не требуется специальное программное обеспечение
• Простота просмотра, обмена и печати изображений

Недостатки формата JPEG

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

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

Если сравнивать эти форматы, то HEIF содержит ощутимо больше нюансов цвета, передавая гораздо более тонкие переходы в областях градиентов, в то время как JPEG содержит относительно «плоские» цвета.

Файлы HEIF

HEIF означает High Efficiency Image File Format (высокоэффективный формат файла изображения). Этот формат впервые был представлен на камере EOS-1D X Mark III в 2020 г., а также поддерживается камерами EOS R5 и EOS R6, выпущенными в том же году. Этот формат позволяет сохранять данные различных типов мультимедиа-материалов, включая изображения. Как и в случае с JPEG, применяемые настройки камеры, например баланс белого и стиль изображения, необратимо интегрированы, но файлы Canon HEIF 10-битные, то есть содержат в четыре раза больше информации о цветах и тонах, чем 8-битные JPEG. Помимо большей свободы при редактировании, за счет высокого разрешения это также дает возможность просматривать изображения HEIF на HDR-мониторах, например на контрольном дисплее 4K. (Вскоре мы подробнее расскажем о глубине цвета).

Хотя файлы HEIF содержат в четыре раза больше цветовых данных, обычно их размер такой же, как и у фалов JPEG, так как сжатие в HEIF на 50% более эффективно, чем в JPEG (вот почему в их названии сказано «высокоэффективные»). Также используются более современные алгоритмы сжатия, чем в JPEG, что предотвращает возникновение артефактов и цветных полос, типичных для JPEG с высокой степенью сжатия.

Преимущества формата HEIF

• 10-битные: больше информации о цвете и тоне, чем в JPEG
• Больше гибкости при постобработке и редактировании
• Меньший размер файлов, несмотря на больший объем информации, чем в JPEG, и более эффективное сохранение качества изображения

Недостатки формата HEIF

• Нет заметной разницы с JPEG высокого качества на большинстве мониторов
• Поддержка пока еще не на всех принтерах — например, не во всех фотокиосках

При съемке восхода вы можете получить подобное изображение с камеры.

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

На этих увеличенных участках изображений с деталями показана интенсивность полос цвета в 8-, 10- и 12-битных версиях одного и того же участка осветленного изображения.

Графическое представление влияния глубины цвета. 8-битный файл (например JPEG) может хранить гораздо меньше информации о цвете, чем 10-битный (например HEIF), а 14-битный файл (например RAW) хранит больше. Это означает, что, хотя резкие границы между цветами спектра в файлах JPEG не всегда заметны, градиенты цветов и тонов в файлах с большей глубиной цвета намного более плавные.

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

Глубина цвета — это количество битов (единиц и нулей), выделенных для хранения данных в цифровом файле. Таким образом, 8-битный файл может содержать до 256 (2⁸) уровней информации для каждого канала цветности (красного, зеленого и синего). Соответственно, каждый пиксель 8-битного файла JPEG может содержать любой из 16,8 миллионов (256x256x256) цветов.

Файлы HEIF — 10-битные, то есть могут содержать до 1024 оттенков в каждом канале цветности, то есть любой цвет из возможного 1,07 миллиарда.

Файлы RAW — 14-битные, то есть могут содержать до 16 385 тонов в каждом канале, или до 4 триллионов цветов.

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

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

Сжатие: нужно или нет?

При прочих равных условиях, чем больше глубина цвета файлов, тем больше их размер, и для хранения требуется больше места. В случае с файлами HEIF это правило не действует: обычно их размеры не больше, чем у файлов JPEG, хотя это 10-битные, а не 8-битные файлы, в отличие от JPEG. Это объясняется разными способами сжатия изображения.

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

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

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

Также потеря данных происходит при каждом сжатии измененного файла. Если внести изменения в файл формата JPEG, а затем повторно сохранить его как JPEG, произойдет дополнительная потеря данных.

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

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

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

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

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

Сжатие без потерь используется цифровыми камерами Canon, когда изображение с максимальным разрешением сохраняется в формате RAW (кроме случаев, когда выбран формат C-RAW).

Сжатие без потерь не обеспечивает сокращение размеров файла, в отличие от сжатия с потерями в форматах JPEG или HEIF, но размер сохраненных стандартных файлов формата Canon RAW может быть в четыре раза меньше размера файла до сжатия (фактический размер файла зависит от объекта и настроек ISO). Если выбран формат C-RAW, то сжатие происходит с некоторыми потерями для уменьшения размера файлов C-RAW по сравнению со стандартными файлами CR3.

Размеры файлов

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

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

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

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

Что же выбрать?

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

Если необходимо получить изображение максимально высокого качества, снимайте с максимальным разрешением и низким уровнем сжатия JPEG/HEIF (лучшее качество, большие файлы), а лучше всего — в формате RAW. Однако это не только израсходует больше пространства на карте памяти, но и сократит количество снимков, которые можно сделать при серийной съемке до заполнения буфера обмена, а также увеличит время передачи изображений в дальнейшем. Это не всегда важно, но может стать проблемой, когда необходима быстрая серийная съемка спортивных мероприятий или оперативный обмен изображениями.

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

С другой стороны, когда необходим быстрый доступ к изображениям, съемка с использованием сжатых файлов в формате JPEG позволяет считывать файлы непосредственно с карты памяти. Не следует думать, что JPEG означает низкое качество. Если выбрать любое качество, кроме самого низкого, то, по сути, камера просто будет выполнять обработку за вас, используя заранее заданное преобразование RAW с оптимизированными стандартными параметрами. Результаты отлично подойдут для просмотра на экране или печати в формате до A4.

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

Если камера поддерживает формат HEIF, рекомендуем его опробовать. Он обладает преимуществами двух других форматов и при этом поддерживается большинством приложений для редактирования.

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

* 1–5. Размер файла, возможное количество снимков и максимальная длина серии зависят от условий съемки (включая качество 1,6x кроп/соотношение сторон, объекта, производителя карты памяти, чувствительность ISO, стиль изображения, пользовательские функции и др.). Подробнее см. в руководстве по расширенным операциям EOS R5.

Автор Angela Nicholson

• СТАТЬЯ

  6 способов улучшить ваши фотографии в программе DPP

  Digital Photo Professional, программа для обработки и редактирования изображений RAW от Canon, поддерживает более широкий набор функций, чем можно представить. Откройте для себя 6 причин использовать DPP.

  Узнайте больше

• ВОЗМОЖНОСТИ КАМЕРЫ

  Нумерация и присвоение имен файлам

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

  Узнайте больше

• ВОЗМОЖНОСТИ КАМЕРЫ

  Видоискатель и ЖК-экран

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

  Узнайте больше

Подпишитесь на рассылку

Нажмите здесь, чтобы получать вдохновляющие истории и интересные новости от Canon Europe Pro

Мы используем файлы cookie, чтобы обеспечить вам наиболее полные возможности взаимодействия с Canon и наиболее удобную работу с нашим веб-сайтом. Узнайте больше об использовании файлов cookie и измените ваши настройки cookie w3.org/1999/xhtml»>здесь. Вы принимаете нашу политику использования файлов cookie на вашем устройстве, продолжая использовать наш веб-сайт или нажав Принимаю.

Удалите элемент или очистите [category], поскольку существует ограничение на 8 продуктов. Нажмите «Изменить»

Сбросить весь выбор?

Руководство по типам и форматам файлов изображений — Технологии веб-медиа

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

Ниже перечислены форматы файлов изображений, наиболее часто используемые в Интернете.

Примечание: Более старые форматы, такие как PNG, JPEG, GIF, имеют низкую производительность по сравнению с более новыми форматами, такими как WebP и AVIF, но имеют более широкую «историческую» поддержку браузеров. Новые форматы изображений становятся все более популярными, поскольку браузеры без поддержки становятся все более неактуальными (то есть имеют практически нулевую долю рынка).

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

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

Примечание. В Safari 11.1 добавлена ​​возможность использовать формат видео в качестве замены анимированного gif. Никакой другой браузер не поддерживает это. Смотрите ошибку Chromium и ошибку Firefox для получения дополнительной информации.

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

В приведенных ниже таблицах термин бит на компонент относится к числу битов, используемых для представления каждого компонента цвета. Например, глубина цвета RGB, равная 8, означает, что каждый из компонентов красного, зеленого и синего представлен 8-битным значением. Битовая глубина , с другой стороны, это общее количество битов, используемых для представления каждого пикселя в памяти.

APNG (анимированная портативная сетевая графика)

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

APNG идеально подходит для базовых анимаций, которые не нужно синхронизировать с другими действиями или звуковой дорожкой, такими как индикаторы выполнения, индикаторы действий и другие анимированные последовательности. Например, APNG — это один из форматов, поддерживаемых при создании анимированных наклеек для приложения Apple iMessage (и приложения Messages на iOS). Они также обычно используются для анимированных частей пользовательского интерфейса веб-браузеров.

Изображение AVIF

Формат файла изображения AV1 (AVIF) — это мощный бесплатный формат файлов с открытым исходным кодом, который кодирует Битовые потоки AV1 в контейнере High Efficiency Image File Format (HEIF).

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

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

Формат предлагает:

• Отличное сжатие с потерями по сравнению с JPG и PNG для визуально схожих уровней сжатия (например, изображения AVIF с потерями примерно на 50% меньше, чем изображения JPEG).
• Обычно AVIF имеет лучшее сжатие, чем WebP — среднее значение сжатия 50% против 30% для одного и того же набора JPG (источник: Сравнение AVIF WebP (блог CTRL)).
• Сжатие без потерь.
• Хранение анимации/множества изображений (аналогично анимированным GIF, но с гораздо лучшим сжатием)
• Поддержка альфа-канала (т.е. для прозрачности).
• Расширенный динамический диапазон (HDR): поддержка хранения изображений, которые могут представлять больший контраст между самыми светлыми и самыми темными частями изображения.
• Wide Color Gamut: поддержка изображений, которые могут содержать более широкий диапазон цветов.

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

AVIF поддерживается на рабочем столе в Chrome, Opera и Firefox (Firefox поддерживает неподвижные изображения, но не анимацию). Поскольку поддержка еще не является всеобъемлющей (и имеет небольшую историческую глубину), вам следует предоставить запасной вариант в формате WebP, JPEG или PNG, используя элемент (или какой-либо другой подход).

BMP (файл Bitmap)

Тип файла BMP ( Bitmap image ) наиболее распространен на компьютерах с Windows и обычно используется только в особых случаях в веб-приложениях и содержимом.

Предупреждение: Обычно следует избегать использования файлов BMP для содержимого веб-сайта. Наиболее распространенная форма файла BMP представляет данные в виде несжатого растрового изображения, что приводит к большим размерам файлов по сравнению с типами изображений PNG или jpg. Существуют более эффективные форматы BMP, но они широко не используются и редко поддерживаются веб-браузерами.

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

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

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

GIF (формат обмена графикой)

В 1987 году поставщик онлайн-услуг CompuServe представил формат файла изображения GIF ( Graphics Interchange Format ), чтобы обеспечить формат сжатой графики, который могли использовать все участники их службы. GIF использует алгоритм Lempel-Ziv-Welch (LZW) для сжатия без потерь 8-битной индексированной цветной графики. GIF был одним из первых двух графических форматов, поддерживаемых HTML, наряду с XBM.

Каждый пиксель в GIF представлен одним 8-битным значением, служащим индексом в палитре 24-битных цветов (по 8 бит красного, зеленого и синего). Длина таблицы цветов всегда равна степени двойки (то есть каждая палитра имеет 2, 4, 8, 16, 32, 64 или 256 записей). Для имитации более 255 или 256 цветов обычно используется сглаживание. Технически возможно объединить несколько блоков изображения, каждый со своей цветовой палитрой, для создания полноцветных изображений, но на практике это делается редко.

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

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

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

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

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

ICO (значок Microsoft Windows)

Формат файла ICO (значок Microsoft Windows) был разработан Microsoft для значков рабочего стола систем Windows. Однако в ранних версиях Internet Explorer появилась возможность для веб-сайта предоставить файл ICO с именем favicon.ico в корневом каталоге веб-сайта, чтобы указать значок favicon — значок, который будет отображаться в меню «Избранное», и другие места, где было бы полезно изобразительное изображение сайта.

Файл ICO может содержать несколько значков и начинается с каталога со списком сведений о каждом из них. После каталога идут данные для иконок. Данные каждого значка могут быть либо изображением BMP без заголовка файла, либо полным изображением PNG (включая заголовок файла). Если вы используете файлы ICO, вам следует использовать формат BMP, так как поддержка PNG внутри файлов ICO не была добавлена ​​до Windows Vista и может не поддерживаться должным образом.

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

JPEG (изображение Объединенной группы экспертов по фотографии)

Формат изображения JPEG (обычно произносится как « jay-peg ») в настоящее время является наиболее широко используемым форматом сжатия с потерями для неподвижных изображений. Это особенно полезно для фотографий; применение сжатия с потерями к содержимому, требующему резкости, например к диаграммам или диаграммам, может привести к неудовлетворительным результатам.

JPEG на самом деле является форматом данных для сжатых фотографий, а не типом файла. Спецификация JFIF ( J PEG F ile I ninterchange F формат) описывает формат файлов, которые мы считаем изображениями «JPEG».

PNG (Portable Network Graphics)

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

PNG широко поддерживается, и все основные браузеры предлагают полную поддержку его функций. Internet Explorer, который представил поддержку PNG в версиях 4–5, не поддерживал ее полностью до IE 9 и имел много печально известных ошибок на протяжении многих прошедших лет, в том числе в когда-то вездесущем Internet Explorer 6. Это замедлило внедрение PNG, но теперь оно широко используется, особенно когда требуется точное воспроизведение исходного изображения.

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

SVG — это формат векторной графики на основе XML, который указывает содержимое изображения в виде набора команд рисования, которые создают фигуры, линии, применяют цвета, фильтры и т. д. Файлы SVG идеально подходят для диаграмм, значков и других изображений, которые можно точно нарисовать в любом размере. Таким образом, SVG популярен для элементов пользовательского интерфейса в современном веб-дизайне.

Файлы SVG — это текстовые файлы, содержащие исходный код, который при интерпретации рисует желаемое изображение. Например, в этом примере определяется область рисования с начальным размером 100 на 100 единиц, содержащая линию, проведенную по диагонали через прямоугольник:

SVG можно использовать в веб-содержимом двумя способами:

1. Вы можете напрямую написать элемент в HTML, содержащий элементы SVG для рисования изображения.
2. Вы можете отображать изображение SVG везде, где вы можете использовать любые другие типы изображений, в том числе с и элементы , свойство CSS background-image и так далее.

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

TIFF (формат файла изображения с тегами)

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

TIFF поддерживает различные методы сжатия, но наиболее часто используемыми являются системы сжатия CCITT Group 4 (и, для более старых факсимильных систем, Group 3), используемые программным обеспечением факса, а также LZW и сжатие JPEG с потерями.

Каждое значение в файле TIFF определяется с помощью тега (указывающего, что это за информация, например, ширина изображения) и его типа (указывающего формат, в котором хранятся данные), за которым следует длина массива значений для присвоения этому тегу (все свойства хранятся в массивах, даже для отдельных значений). Это позволяет использовать разные типы данных для одних и тех же свойств. Например, ширина изображения ImageWidth хранится с использованием тега 9.0069 0x0100 и представляет собой массив с одной записью. При указании типа 3 ( SHORT ) значение ImageWidth сохраняется как 16-битное значение:

При указании типа 4 ( LONG ) ширина сохраняется как 32-битное значение:

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

TIFF поддерживает множество цветовых пространств, а не только RGB. К ним относятся CMYK, YCbCr и другие, что делает TIFF хорошим выбором для хранения изображений, предназначенных для печати, кино или телевидения.

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

WebP-изображение

WebP поддерживает сжатие с потерями с помощью прогнозирующего кодирования на основе видеокодека VP8 и сжатие без потерь, в котором используются замены для повторяющихся данных. Изображения WebP с потерями в среднем на 25–35 % меньше, чем изображения JPEG с визуально схожими уровнями сжатия. Изображения WebP без потерь обычно на 26% меньше, чем те же изображения в формате PNG.

WebP также поддерживает анимацию: в файле WebP с потерями данные изображения представлены битовым потоком VP8, который может содержать несколько кадров. WebP без потерь занимает 9-е местоБлок 0069 ANIM , описывающий анимацию, и блок ANMF , представляющий кадр последовательности анимации. Зацикливание поддерживается.

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

Примечание: Несмотря на объявленную поддержку WebP в Safari 14, начиная с версии 14.0 изображения .webp не отображаются изначально на рабочем столе macOS, тогда как Safari на iOS 14 отображает изображения .webp должным образом.

XBM (файл растрового изображения системы X Window)

Файлы XBM (X Bitmap) были первыми, которые стали поддерживаться в Интернете, но больше не используются, и их следует избегать, так как их формат имеет потенциальные проблемы с безопасностью. Современные браузеры уже много лет не поддерживают файлы XBM, но при работе со старым содержимым вы можете найти некоторые из них.

XBM использует фрагмент кода C для представления содержимого изображения в виде массива байтов. Каждое изображение состоит из 2–4 #define , предоставляя ширину и высоту растрового изображения (и, возможно, горячую точку, если изображение спроектировано как курсор), за которыми следует массив из беззнаковых символов , где каждое значение содержит 8 1-битных монохромных пикселей.

Изображение должно быть кратно 8 пикселям в ширину. Например, следующий код представляет изображение XBM размером 8 на 8 пикселей, причем эти пиксели расположены в черно-белом шахматном порядке:

 #define square8_width 8
# определить площадь8_высота 8
статический символ без знака Square8_bits[] = {
  0xAA, 0x55, 0xAA, 0x55, 0xAA, 0x55, 0xAA, 0x55
};
 

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

Фотографии

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

Лучший выбор	Резервный вариант
WebP или JPEG	JPEG

Иконки

Для небольших изображений, таких как значки, используйте формат без потерь, чтобы избежать потери деталей в изображении ограниченного размера. Хотя WebP без потерь идеально подходит для этой цели, поддержка еще не получила широкого распространения, поэтому PNG — лучший выбор, если вы не предлагаете запасной вариант. Если ваше изображение содержит менее 256 цветов, можно использовать GIF, хотя PNG часто сжимает еще меньше с помощью опции индексированного сжатия (PNG-8).

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

Лучший выбор	Резервный вариант
SVG, WebP без потерь или PNG	PNG

Скриншоты

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

PNG, вероятно, ваш лучший выбор, но WebP без потерь, возможно, будет лучше сжат.

Лучший выбор	Резервный вариант
WebP или PNG без потерь; JPEG, если артефакты сжатия не беспокойство	PNG или JPEG; GIF для скриншотов с малым количеством цветов

Схемы, рисунки и диаграммы

Для любого изображения, которое можно представить с помощью векторной графики, SVG — лучший выбор. В противном случае вы должны использовать формат без потерь, такой как PNG. Если вы выберете формат с потерями, например JPEG или WebP с потерями, тщательно взвесьте уровень сжатия, чтобы текст или другие формы не стали нечеткими или нечеткими.

Лучший выбор	Резервный вариант
СВГ	PNG

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

Например, если вы отображаете диаграмму, лучше всего отображаемую в формате SVG, но хотите предложить альтернативу диаграмме в формате PNG или GIF, вы должны сделать что-то вроде этого:

 
  
  
  <изображение
    источник = "диаграмма.gif"
   
   
    alt="Диаграмма, показывающая каналы данных" />

 

Вы можете указать столько s, сколько пожелаете, хотя обычно достаточно 2 или 3.

• Руководство по типам и форматам носителей
• Технологии веб-медиа
• Руководство по видеокодекам, используемым в Интернете
• HTML и элементов
• Свойство CSS background-image
• Конструктор HTMLImageElement. Image() и HTMLImageElement интерфейс

Последнее изменение: 14 сентября 2022 г. , участниками MDN

15 лучших типов файлов изображений (за и против каждого формата)

Выбор правильных типов файлов изображений может показаться тривиальным решением.

Но люди — визуальные существа, а изображения — неотъемлемая часть онлайн-опыта.

Большинство страниц и статей используют скриншоты и изображения для обогащения текстового содержимого. Фактически, только около 8% веб-сайтов не содержат никакого визуального контента.

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

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

Какие существуют типы файлов изображений?

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

Давайте подробнее рассмотрим каждую категорию.

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

Наиболее распространенные форматы изображений для Интернета (JPEG, GIF и PNG) относятся к категории растровых.

Типы файлов растровых изображений отображают статические изображения, в которых каждый пиксель имеет определенный цвет, положение и пропорции в зависимости от их разрешения (например, 1280×720).

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

Растровое изображение – пример JPEG

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

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

SVG, EPS, AI и PDF являются примерами типов файлов векторных изображений.

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

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

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

Увеличение формата векторного изображения (Источник изображения: Wikipedia.com)

Как видите, разница между качеством при 7-кратном увеличении совершенно несравнима.

Поскольку SVG вычисляет позиции на основе процента от общей площади, а не пикселей, пикселизации нет вообще.

Только 8% веб-сайтов не содержат визуального контента… но для остальных 92% важно отображать изображения с правильным типом файлов. 🖼 Найдите 15 лучших вариантов в этом руководстве👇Нажмите, чтобы твитнуть

15 самых популярных типов файлов изображений

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

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

1.JPEG (и JPG) — Объединенная группа экспертов по фотографии

Формат JPEG изображения тигра

JPEG (или JPG) — это формат файла растрового изображения со сжатием с потерями, что делает его пригодным для обмена изображениями. Файлы JPEG являются «с потерями», что означает, что они уменьшают размер файла, а также качество изображений при использовании этого формата.

JPEG по-прежнему является одним из наиболее часто используемых типов файлов изображений, которые вы встретите в Интернете, благодаря его сжатию и практически универсальной поддержке браузеров/ОС.

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

Преимущества и недостатки

• Поддержка универсального браузера и ОС.
• Довольно маленький размер файла.
• Сжатие изображений с потерями может привести к ухудшению читаемости текста.

Поддержка браузеров и ОС

• Поддерживается начиная с версии 1.0 всех основных браузеров (Chrome, Firefox, Safari и т. д.)
• Поддерживается по умолчанию всеми средствами просмотра изображений и редакторами всех основных операционных систем.

Варианты использования

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

2. PNG — переносимая сетевая графика

Ресурсный центр Kinsta Файл изображения .png

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

В частности, PNG обеспечивает гораздо лучшую читаемость текста, чем JPEG.

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

Преимущества и недостатки

• Изображения более высокого качества (без потерь) и четко различимый текст.
• Файлы большего размера могут замедлить работу веб-сайта при чрезмерном использовании (особенно изображения с высоким разрешением).

Поддержка браузеров и ОС

• Поддерживается всеми основными браузерами (Chrome, Edge, Firefox, Internet Explorer, Opera, Safari).
• Поддерживается всеми основными операционными системами и их стандартными графическими редакторами.

Варианты использования

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

3. GIF — формат обмена графикой

Пример изображения в формате gif

GIF — это еще один тип файла изображения, относящийся к растровому формату. Он использует сжатие без потерь, но «ограничивает» изображение 8 битами на пиксель и ограниченной палитрой из 256 цветов.

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

Преимущества и недостатки

• Небольшой размер файла.
• Поддержка анимации.
• 8-битное ограничение приводит к ограниченному качеству изображения.

Поддержка браузеров и ОС

• Поддерживается всеми основными браузерами (Chrome, Edge, Firefox, Internet Explorer, Opera, Safari).
• Поддерживается всеми основными операционными системами и их стандартными графическими редакторами.

Варианты использования

• Используйте анимированные GIF-файлы не только для «оживления контента», но и для демонстрации того, как выполнять задания в учебных пособиях и руководствах.
• Используйте , а не , если вам нужны более 8-битные цветные изображения (JPEG поддерживает до 24-бит).

4. WebP

Пример изображения WebP

WebP — это формат изображения, разработанный специально для лучшего сжатия изображений без потерь и с потерями.

Переключение с JPEG и PNG на WebP может помочь сэкономить место на диске сервера и значительную пропускную способность, поскольку файлы изображений на 35 % меньше при одинаковом качестве.

Преимущества и недостатки

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

Поддержка браузера и ОС

• Google Chrome (версия 17+ для настольных компьютеров, 25+ для мобильных устройств), Firefox (65+), Edge (18+) и Opera (11.0+), изначально поддерживают WebP. Планируемая версия Safari 14 будет поддерживать WebP.
• Формат по-прежнему не поддерживается большинством собственных графических редакторов ОС, но профессиональные инструменты, такие как Photoshop, поддерживают WebP.

Варианты использования

• Замените файлы JPEG и PNG, чтобы сэкономить трафик и ускорить работу вашего сайта. Если вы используете WordPress в качестве предпочтительного программного обеспечения CMS, вот как использовать изображения WebP в WordPress и доставлять другие форматы в устаревшие браузеры.

5. TIFF

Значок TIFFC

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

TIFF, сокращение от Tagged Image File Format, представляет собой формат растрового изображения, наиболее часто используемый для хранения и редактирования изображений, которые впоследствии будут использоваться для печати.

Несмотря на то, что он поддерживает сжатие с потерями, обычно используется как формат изображения без потерь. Кроме того, большинство профессиональных графических приложений, поддерживающих TIFF (Photoshop, Illustrator и т. д.), не используют сжатие. Таким образом, изображения TIFF обычно имеют большой размер файла.

Преимущества и недостатки

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

Поддержка браузеров и ОС

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

Варианты использования

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

6. BMP — Bitmap

Bitmap vs. gif

Bitmap (BMP) — это в основном устаревший формат файла изображения, который отображает отдельные пиксели практически без сжатия. Это означает, что файлы BMP могут легко стать очень большими и непрактичными для хранения или обработки.

Преимущества и недостатки

• Гигантские размеры файлов без заметного улучшения качества по сравнению с такими форматами, как WebP, GIF или PNG.

Поддержка браузеров и ОС

• Поддерживается всеми основными браузерами (Chrome, Edge, Firefox, Internet Explorer, Opera, Safari).
• Встроенная поддержка в большинстве редакторов изображений ОС по умолчанию, таких как MS Paint.

Варианты использования

• В 2022 году законных вариантов использования формата изображения BMP практически не будет.

7.  HEIF — высокоэффективный формат файла изображения

JPEG против формата HEIF

HEIF, сокращение от High Efficiency Image File Format, представляет собой формат изображения, разработанный командой разработчиков видеоформата MPEG, чтобы стать прямым конкурентом JPEG.

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

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

Преимущества и недостатки

• Отличное соотношение качества и размера файла.
• Нет браузера и ограниченная поддержка ОС.

Поддержка браузеров и ОС

• Не поддерживается ни одним из основных браузеров.
• Встроенная поддержка в macOS Sierra и iOS 11 и более поздних версиях, но не в соответствующих версиях Safari.

Варианты использования

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

8. SVG — Масштабируемая векторная графика

Логотип SVG

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

Он не полагается на пиксели, как в растровом формате, а использует XML-текст для обведения фигур и линий подобно тому, как математические уравнения создают графики.

Это означает, что вы можете бесконечно масштабировать изображения SVG без потери качества.

Подпишитесь на информационный бюллетень

Хотите узнать, как мы увеличили трафик более чем на 1000%?

Присоединяйтесь к более чем 20 000 других людей, которые получают наш еженедельный информационный бюллетень с инсайдерскими советами по WordPress!

Подпишитесь сейчас

Преимущества и недостатки

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

Поддержка браузеров и ОС

• Поддерживается всеми основными браузерами (Chrome, Edge, Firefox, Internet Explorer, Opera, Safari).
• Редакторы изображений по умолчанию, как правило, не поддерживают SVG (поскольку он не подходит для фотографий), но большинство программ для иллюстраций поддерживают экспорт SVG.

Варианты использования

• SVG — идеальный формат для логотипов, значков, простых иллюстраций и всего остального, что вы хотите свободно масштабировать с помощью адаптивного дизайна. Если вы используете WordPress, обязательно ознакомьтесь с тем, как включить поддержку WordPress SVG для вашего веб-сайта.

9. EPS — Encapsulated Postscript

Значок EPS

По сути, файл EPS (Encapsulated PostScript) представляет собой файл векторного изображения, используемый для хранения иллюстраций в Adobe Illustrator и других программах для создания иллюстраций, таких как CorelDraw.

Как и файлы SVG, EPS на самом деле представляет собой текстовый документ, в котором формы и линии описываются с помощью кода, а не отображаются пиксели и цвета. В результате файлы EPS также поддерживают масштабирование без потерь.

Преимущества и недостатки

• Масштабирование без потерь.
• Подставка для принтера для документов и рисунков.

Поддержка браузеров и ОС

• EPS не является стандартным форматом файлов веб-изображений и не поддерживается ни одним из основных браузеров.

Варианты использования

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

10. PDF — Portable Document Format

Пример файла PDF

Формат PDF, вероятно, ассоциируется у вас с хранением, сохранением и чтением в основном текстовых документов. Это совершенно понятно — в конце концов, документ находится прямо в названии.

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

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

Преимущества и недостатки

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

Поддержка браузеров и ОС

• Поддерживается всеми основными браузерами, но вы вынуждены открывать PDF как отдельный файл. (Вы не можете использовать файлы PDF для отображения изображений во всем HTML-контенте. )
• Формат поддерживается большинством стандартных редакторов документов (например, MS Word или Google Docs) и программами для иллюстраций (AI, Inkscape), но не программами для редактирования изображений.

Варианты использования

• PDF — лучший вариант, если вы хотите создать интерактивный визуальный отчет или инфографику, дополняющую ваш контент. Вот хороший список лучших плагинов для просмотра PDF для пользователей WordPress.

11. PSD — документ Photoshop

Логотип PSD

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

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

Преимущества и недостатки

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

Варианты использования

• Сохранение и хранение проектов Photoshop до и после их завершения.

12. AI — Adobe Illustrator Artwork

Значок файла Adobe Illustrator

AI — это еще один формат изображения, специально разработанный Adobe для сохранения не только изображения, но и состояния проекта.

Как и PSD, он не предназначен для использования в Интернете и не поддерживается ни одним браузером, ни большинством средств просмотра изображений по умолчанию.

В отличие от PSD-файлов, AI-файлы можно свободно масштабировать без потери качества.

Преимущества и недостатки

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

Варианты использования

• Сохранение и хранение проектов Adobe Illustrator до и после их завершения.

13. XCF — Экспериментальная вычислительная база

Значок XCF

XCF, что означает eXperimental Computing Facility, представляет собой тип файла изображения, встроенный в редактор изображений с открытым исходным кодом GIMP. Это эквивалент файлов PSD и сохраняет пути, прозрачность, фильтры и многое другое.

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

Преимущества и недостатки

• Все пути, фильтры и формы настраиваются и обратимы.
• Качество изображения без потерь.
• Большие размеры файлов.

Варианты использования

• Сохранение и хранение проектов GIMP до и после их завершения.

14.  INDD — документ Adobe InDesign

Значок Adobe InDesign

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

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

Он не поддерживается никакими браузерами или средствами просмотра изображений по умолчанию, так как это не безопасный веб-формат .

Преимущества и недостатки

• Храните большие многостраничные дизайнерские проекты с настраиваемыми элементами.

Варианты использования

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

15. Типы файлов необработанных изображений

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

Основные типы файлов необработанных изображений по производителям камер:

• Kodak: CR, K25, KDC
• Канон: CRW CR2 CR3
• Эпсон: ERF
• Никон: NEF NRW
• Олимп: ORF
• Пентакс: PEF
• Панасоник: RW2
• Sony: ARW, SRF, SR2

Вместо 256 оттенков на цветовой канал (8 бит), доступных в файле JPEG, файлы RAW предлагают до 16 384 оттенков на цветовой канал (14 бит) в одном изображении. Это дает вам больше гибкости при настройке цветов и контрастности при постобработке.

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

Преимущества и недостатки

• Изображения более высокого качества с большим разнообразием цветов.
• Гигантские файлы изображений (необработанный файл может легко достигать размера от 20 до 40 мегабайт).

Варианты использования

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

Часто задаваемые вопросы о типах файлов изображений

Каковы 3 распространенных типа файла изображения?

Судя по данным об использовании Интернета, тремя наиболее распространенными типами файлов изображений являются PNG, JPEG и SVG.

Статистика использования форматов файлов изображений (Источник изображения: w3techs. com)

Ниже мы рассмотрим, почему они так широко распространены.

1. PNG: скриншоты, баннеры, инфографика, изображения

Поскольку формат PNG лучше подходит для текста внутри изображения, он чаще используется для скриншотов, баннеров (в зависимости от размера рекламного баннера) и многого другого.

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

Эти два фактора, наряду с универсальной поддержкой браузера и операционной системы, делают его самым популярным типом файлов изображений в Интернете. PNG присутствуют на колоссальных 77% веб-сайтов.

2. JPEG: изображения

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

Вот почему это второй по популярности формат в Интернете, который используется почти на 72% веб-сайтов. Большинство сайтов используют как PNG, так и JPEG для разных целей.

Напоминаем: нет никакой разницы между JPG и JPEG, это две разные аббревиатуры и расширения файлов для одного и того же формата.

3. SVG: логотипы, значки и иллюстрации

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

Вот почему SVG занимают третье место, их используют 27% веб-сайтов.

Почетное упоминание: Анимированные изображения GIF

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

Пример анимированного gif

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

Какой формат изображения имеет самое высокое качество?

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

Для веб-изображений формат файла WebP предлагает на 25-35% меньший размер файла, чем JPEG, для фотографий того же качества, что означает, что вы можете загружать изображения более высокого качества для того же места на диске и ускорить свой сайт.

HEIF — это еще одна альтернатива JPEG с более эффективным сжатием, но в настоящее время она не поддерживается ни одним из основных браузеров.

Файлы PNG обеспечивают сжатие без потерь, но это означает, что размеры файлов будут чрезвычайно большими и медленными для загрузки. Размер одного файла PNG может составлять сотни КБ или даже 1 МБ+. Однако, если вы воспользуетесь некоторыми тактиками, такими как отложенная загрузка (доступна в ядре, начиная с WordPress 5.5) и CDN, у вас все еще может быть быстрый сайт.

Какие форматы файлов поддерживают прозрачность?

Наиболее распространенными типами файлов изображений для Интернета, которые поддерживают прозрачность, являются PNG, WebP, GIF и даже SVG.

Большинство собственных типов файлов изображений проекта, таких как PSD, XCF и AI, также поддерживают прозрачность.

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

PNG лучше, чем JPEG?

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

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

Комикс PNG против JPEG (Источник изображения: lbrandy.com) один справа.

Означает ли это, что JPEG является недопустимым типом файла изображения? Нисколько!

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

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

Резюме

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

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

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

---

Экономьте время, затраты и повышайте производительность сайта с помощью:

• Мгновенная помощь от экспертов по хостингу WordPress, круглосуточно и без выходных.
• Интеграция с Cloudflare Enterprise.
• Глобальный охват аудитории благодаря 35 центрам обработки данных по всему миру.
• Оптимизация с помощью нашего встроенного мониторинга производительности приложений.

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

13 лучших форматов изображений и когда их использовать

Веб-строительство Оптимизация

29 июня 2022 г.

Надя М.

11 минут Чтение

Загрузить электронную книгу: Создайте свой первый веб-сайт за 9Easy Steps

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

Более 90% веб-сайтов содержат изображения, поскольку они стремятся привлечь внимание читателей или объяснить сложную информацию с помощью инфографики или снимков экрана. Изображения также могут стимулировать конверсию и способствовать распространению в социальных сетях.

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

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

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

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

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

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

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

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

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

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

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

Растровые изображения обычно имеют больший размер файла, чем векторные изображения. Примеры форматов растровых файлов включают JPEG , GIF и PNG — это наиболее распространенные типы файлов изображений в Интернете.

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

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

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

Векторные изображения состоят из путей, основанных на математических уравнениях.

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

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

Как правило, они имеют меньший размер файла, чем растры. Примерами типов файлов векторных изображений являются EPS , SVG и AI .

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

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

8 лучших растровых форматов

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

1. JPEG и JPG

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

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

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

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

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

Все основные браузеры, такие как Google Chrome , Safari и Mozilla Firefox , поддерживают этот тип файла изображения с самой ранней версии.

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

2. PNG

Переносимая сетевая графика (PNG) — это растр со сжатием без потерь.

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

Текст в формате PNG выглядит более четким, чем в формате JPEG, что делает его лучшим выбором для графики с акцентом на текст, такой как снимки экрана, инфографика или баннеры.

Формат файла PNG оптимизирован для цифрового использования, что делает его наиболее часто используемым форматом изображений. Он также поддерживает больше цветов, чем формат GIF — PNG может обрабатывать до 16 миллионов цветов, а GIF поддерживает только 256 цветов.

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

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

Несмотря на то, что файлы PNG можно редактировать без потери качества, формат PNG не лучший выбор для печати из-за его относительно низкого разрешения по сравнению с оптимизированными для печати форматами, такими как AI и TIFF.

PNG поддерживается всеми основными браузерами и стандартными средствами просмотра изображений ОС.

3. BMP

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

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

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

Раньше BMP был одним из самых распространенных форматов файлов изображений, но в настоящее время он считается устаревшим из-за своей неоптимизированной природы.

4. GIF

Формат обмена графикой (GIF) — это растр, который использует сжатие без потерь.

Однако файлы GIF являются 8-битными и могут отображать только 256 цветов. Это означает, что GIF имеет менее четкое качество, чем другие растровые форматы. Для сравнения, JPEG может обрабатывать до 24 бит на пиксель, что обеспечивает 16 777 216 цветовых вариаций.

Его 8-битное ограничение делает размер файла небольшим, что делает GIF популярным форматом для создания привлекательного короткого анимационного контента.

Несмотря на ограниченное качество изображения, многие люди используют формат GIF, поскольку он предоставляет средства для предоставления более сложного визуального контента, чем статическое изображение.

GIF поддерживается всеми основными браузерами и операционными системами, а также их стандартными средствами просмотра изображений.

5. TIFF

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

Файлы TIFF обычно используются для печати из-за высокого качества изображения. Многие сканеры также используют формат TIFF для сохранения качества отсканированных изображений или документов.

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

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

Чтобы открыть файлы TIFF на локальном компьютере, используйте профессиональный инструмент для редактирования или публикации графики, например Adobe Photoshop . Если вы используете Windows, можно открыть файл TIFF с помощью Windows Photo Viewer .

6. HEIF

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

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

Недостатком HEIF является то, что он имеет ограниченную поддержку ОС и не поддерживает веб-браузер. Только macOS Sierra , iOS 11 и более поздние версии имеют поддержку HEIF по умолчанию, и это не включает поддержку Safari.

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

7. RAW

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

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

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

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

Для просмотра изображений RAW в операционных системах вам потребуется профессиональное программное обеспечение для редактирования фотографий, такое как Adobe Lightroom . Если вы используете macOS, вы можете редактировать изображения RAW с помощью iCloud Photos и Apple Photos .

8. PSD

Документ Photoshop (PSD) — это собственный тип файла Adobe Photoshop для сохранения изображений и незавершенных работ. Это растр со сжатием без потерь.

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

Хотите улучшить свои изображения?

Ознакомьтесь с нашим руководством по размещению масштабированных изображений на вашем веб-сайте.

Топ 5 векторных форматов

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

1. SVG

Масштабируемая векторная графика (SVG) — это векторный формат файла. Это означает, что когда вы масштабируете изображение SVG, оно не теряет своего качества.

SVG — это формат изображения на основе XML, оптимизированный для 2D-графики и веб-публикаций. Это также полезно для импорта произведений искусства из приложений для 2D-графики в программное обеспечение для 3D-моделирования.

Можно вставить SVG непосредственно на веб-страницу в виде кода CSS. Он также имеет небольшие размеры файлов, которые занимают лишь небольшой объем вашего хранилища. Эти два фактора делают SVG третьим наиболее распространенным форматом файлов изображений для веб-сайтов.

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

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

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

Однако большинство программ для иллюстраций поддерживают SVG и могут просматривать этот формат.

Не забудьте включить поддержку WordPress SVG для отображения SVG на вашем веб-сайте WordPress. Для этого вы можете использовать плагин поддержки SVG.

2. EPS

Encapsulated PostScript (EPS) — это вектор со сжатием без потерь. Он используется для сохранения иллюстраций или работ по графическому дизайну в программах для иллюстраций, таких как Adobe Illustrator и CorelDraw 9.0008 .

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

Как и файлы TIFF, файлы EPS также широко используются для печати.

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

3. PDF

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

Файл PDF создан на том же языке PostScript, что и EPS. Поэтому PDF — отличный выбор для печати. Это вектор со сжатием без потерь, позволяющий увеличивать изображение PDF настолько, насколько вы хотите.

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

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

Если вы хотите просматривать PDF-файлы в любой операционной системе, вы не можете просматривать их с помощью встроенной в ОС программы просмотра изображений или программного обеспечения для редактирования изображений. Вместо этого просто используйте стандартные редакторы документов, такие как MS Word , Open Office или Google Docs .

Если вы используете WordPress в качестве CMS, используйте плагины для просмотра PDF, чтобы посетители вашего сайта могли просматривать файлы PDF в своем браузере.

4. INDD

Документ InDesign (INDD) — это формат векторного изображения, используемый Adobe InDesign для сохранения файлов проекта. Adobe InDesign — это программное обеспечение для настольных издательских систем, которое в основном используется для работы над макетом или дизайном страниц для печати и цифрового использования. Например, журналы, газеты и брошюры.

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

Как и в случае с PSD, на вашем компьютере должен быть установлен Adobe InDesign для локального просмотра этого формата в любой ОС, поскольку ни одна программа просмотра изображений по умолчанию не поддерживает INDD. INDD также не является веб-безопасным форматом, то есть вы не можете открыть его напрямую в любом браузере.

5. AI

Также из семейства программного обеспечения Adobe формат Illustrator Artwork (AI) является родным для программного обеспечения векторной графики Adobe Illustrator . Вы можете сохранить изображение и его проект, независимо от того, готовы ли они или все еще находятся в состоянии незавершенной работы. Файлы AI в основном используются для создания иллюстраций и векторной графики.

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

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

Заключение

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

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

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

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

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

Еще от Нади М.

Когда использовать каждый тип файла

Логотипы, веб-сайты и многое другое…

Логотипы, веб-сайты, обложки книг и многое другое…

Получить дизайн

Думаете, GIF — самый вкусный вид арахисового масла? И ИИ был тем странным научно-фантастическим фильмом с Хейли Джоэлом Осментом в главной роли? Что ж, ты не ошибаешься. Но сегодня мы говорим о форматах изображений и обо всех этих надоедливых маленьких файлах, которые мы используем для создания визуального контента для печати и Интернета.

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

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

 

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

Различные типы форматов файлов изображений

—

1. Форматы растровых файлов
   • JPEG
   • GIF
   • PNG
   • ТИФФ
   • СЫРЬЕ
   • ПСД
2. Векторные форматы файлов
   • ПДФ
   • EPS
   • СВГ
   • АИ

Форматы растровых файлов

—

Что такое растровое изображение

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

Фотографии предоставлены автором.

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

CMYK и RGB

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

CMYK — от OwleyRGB — от A&V

CMYK — четырехцветный процесс печати, обозначающий c yan, m agenta, y ellow и k ey (черный). Эти цвета представляют собой четыре краски, которые будут сочетаться в процессе печати. Файлы, сохраненные в этом формате, будут оптимизированы для физической печати.

RGB — это цветовая модель на основе света, которая обозначает r ed, g reen и b lue. Это три основных цвета света, которые в сочетании образуют другие цвета. Файлы, сохраненные в этом формате, будут оптимизированы для Интернета, мобильных телефонов, фильмов и видео — всего, что появляется на экране.

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

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

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

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

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

JPEG/JPG

JPEG — это растровый формат с потерями, который расшифровывается как Joint Photographic Experts Group, техническая группа, которая его разработала. Это один из наиболее широко используемых форматов в Интернете, обычно для фотографий, электронной почты и больших веб-изображений, таких как рекламные баннеры. Изображения JPEG имеют скользящую шкалу сжатия, которая значительно уменьшает размер файла, но увеличивает артефакты или пикселизацию по мере сжатия изображения.

Без сжатияВысокое сжатие

Вам следует использовать JPEG, когда…

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

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

• Вам нужна веб-графика с прозрачностью. Файлы JPEG не имеют канала прозрачности и должны иметь сплошной цвет фона. GIF и PNG — ваши лучшие варианты прозрачности.
• Вам нужно многослойное редактируемое изображение. JPEG — это плоский формат изображения, что означает, что все изменения сохраняются в один слой изображения и не могут быть отменены. Рассмотрите файл PSD (Photoshop) для полностью редактируемого изображения.

GIF

GIF — это растровый формат без потерь, который расшифровывается как Graphics Interchange Format. Большой вопрос: как это произносится? Создатель GIF говорит «JIFF», как арахисовое масло. Этот писатель (и многие в мире) говорят «GIFF», потому что графика начинается с «ага». В любом случае, мы оставим это на ваше усмотрение. GIF также является широко используемым форматом веб-изображений, обычно для анимированной графики, такой как рекламные баннеры, изображения электронной почты и мемы в социальных сетях. Хотя GIF-файлы не имеют потерь, их можно экспортировать с рядом настраиваемых параметров, которые уменьшают количество цветов и информации об изображении, что, в свою очередь, уменьшает размер файла.

Вы должны использовать GIF, когда…

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

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

• Вам нужно изображение фотографического качества. Хотя GIF-файлы могут быть с высоким разрешением, они имеют ограничение в 256 цветов (если вы не знаете несколько приемов). Фотографии обычно имеют тысячи цветов и будут выглядеть плоскими и менее яркими (а иногда и странными из-за цветовых полос) при преобразовании в GIF.
• Вам нужно распечатать изображение. Из-за ограничений по цвету большинству напечатанных фотографий не хватает глубины. Если вам нужно распечатать фотографии, обратите внимание на форматы TIFF, PSD и JPG.
• Вам нужно многослойное редактируемое изображение. GIF — это плоский формат изображения, что означает, что все изменения сохраняются в один слой изображения и не могут быть отменены. Рассмотрите файл PSD (Photoshop) для полностью редактируемого изображения.

PNG

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

Стикеры единорога от _ELM_Trauby mascot от ktoons

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

• Вам нужна качественная прозрачная веб-графика . Изображения PNG имеют переменный «альфа-канал», который может иметь любую степень прозрачности (в отличие от GIF-файлов, у которых есть только включение/выключение прозрачности). Кроме того, с большей глубиной цвета у вас будет более яркое изображение, чем у GIF.
• У вас есть иллюстрации с ограниченными цветами . Хотя подойдет любое изображение, файлы PNG лучше всего использовать с небольшой цветовой палитрой.
• Вам нужен небольшой файл . Файлы PNG могут уменьшаться до невероятно маленьких размеров, особенно изображения с простыми цветами, формами или текстом. Это делает его идеальным типом файла изображения для веб-графики.

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

• Вы работаете с фотографиями или произведениями искусства. Благодаря высокой глубине цвета PNG этот формат может легко обрабатывать фотографии высокого разрешения. Однако, поскольку это веб-формат без потерь, размеры файлов, как правило, становятся очень большими. Если вы работаете с фотографиями в Интернете, используйте JPEG.
• Вы имеете дело с проектом печати. Графика PNG оптимизирована для экрана. Вы определенно можете распечатать PNG, но вам лучше использовать файл JPEG (с потерями) или TIFF.

TIFF/TIF

TIFF — это растровый формат без потерь, обозначающий Tagged Image File Format. Из-за чрезвычайно высокого качества этот формат в основном используется в фотографии и настольных издательских системах. Скорее всего, вы столкнетесь с файлами TIFF при сканировании документа или фотографировании с помощью профессиональной цифровой камеры. Обратите внимание, что файлы TIFF также можно использовать в качестве «контейнера» для изображений JPEG. Эти файлы будут намного меньше, чем традиционные файлы TIFF, которые обычно очень велики.

Вы должны использовать TIFF, когда…

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

Не использовать в формате TIFF, когда…

• Вы работаете с веб-графикой. Хотя его поддерживают многие веб-браузеры, файлы TIFF оптимизированы для печати. Используйте JPEG или PNG, если вам нужно отображать высококачественные изображения в Интернете.

RAW

Формат необработанного изображения содержит необработанные данные, полученные цифровой камерой или датчиком сканера. Как правило, изображения обрабатываются (настраиваются по цвету, балансу белого, экспозиции и т. д.), а затем конвертируются и сжимаются в другой формат (например, JPEG или TIFF). Необработанные изображения хранят необработанные и обработанные данные в двух отдельных файлах, поэтому у вас остается изображение максимально возможного качества, которое вы можете редактировать без разрушения с помощью приложения для редактирования фотографий, такого как Photoshop. Существуют десятки необработанных форматов, но некоторые из типичных форматов — это CRW (Canon), NEF (Nikon) и DNG (Adobe).

через Adobe

Вам следует использовать RAW, когда…

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

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

• Вы работаете с веб-графикой. RAW создан для редактирования фотографий. Когда вы будете готовы представить свои фотографии в Интернете, конвертируйте их в JPEG.
• Все готово к печати фотографий. Многие принтеры не принимают необработанные форматы, поэтому сначала конвертируйте их в JPEG или TIFF.

PSD

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

Вам следует использовать PSD, когда…

• Пришло время ретушировать фотографии . Нужно исправить цвет фотографии? Или добавить слой текста? PSD = фотографии.
• Вам нужно отредактировать иллюстрацию для цифровой печати или печати. Это может быть фотография, картина, рисунок или что-то еще. Photoshop — правильный инструмент, чтобы убедиться, что каждая линия, тень и текстура на месте.
• Вам нужно цифровых изображений для Интернета , таких как изображения для социальных сетей, рекламные баннеры, заголовки электронных писем, видео и т. д. Создание этих изображений в Photoshop обеспечит их правильный размер и оптимизацию для Интернета.
• Вам необходимо создать макет веб-сайта или приложения . Слои упрощают перемещение элементов пользовательского интерфейса.
• Вы хотите пофантазировать с анимацией и видео. Photoshop позволяет легко нарезать простые видеоклипы и добавлять графику, фильтры, текст, анимацию и многое другое.

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

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

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

—

Что такое векторное изображение

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

Плакат Walk for Life от Adwindesign для Salam_hДетский книжный персонаж от RVST® для SoccerpoetДизайн логотипа от Spoon Design

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

PDF

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

Плакат Окленда Мартиса Люпуса Плакат йоги Трисикстина для йоги с лео

Вам следует использовать PDF, когда…

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

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

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

EPS

EPS — это формат изображения, обозначающий Encapsulated PostScript. Хотя он используется в основном как векторный формат, файл EPS может включать данные как векторного, так и растрового изображения. Как правило, файл EPS включает один элемент дизайна, который можно использовать в более крупном проекте.

by artsigmaby Dusan Klepicby Sava Stoic

EPS следует использовать, когда…

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

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

• Вы имеете дело с фотографиями или произведениями искусства. EPS может обрабатывать растровые изображения, но этот тип файла изображения в основном предназначен для векторов. Работайте с PSD, TIF или JPEG, когда у вас есть фотопроект.
• Вам нужно отобразить изображение онлайн. Сначала экспортируйте в JPEG, PNG или GIF.

SVG

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

Вы должны использовать SVG, когда…

• Вы хотите создать компьютерные графики и диаграммы для публикации в Интернете.

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

• Вам нужен формат файла для рабочего процесса печати.

AI

AI — это проприетарный формат векторного изображения, обозначающий Adobe Illustrator. Формат основан на стандартах EPS и PDF, разработанных Adobe. Как и эти форматы, файлы AI в основном представляют собой векторный формат, хотя они также могут включать встроенные или связанные растровые изображения. Файлы AI можно экспортировать как в файлы PDF, так и в файлы EPS (для удобного просмотра и печати), а также в форматы JPEG, PNG, GIF, TIFF и PSD (для использования в Интернете и дальнейшего редактирования).

Вы должны использовать ИИ, когда…

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

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

• Вам нужно редактировать изображения. Если в композиции используется растровое изображение (фотография или произведение искусства), в Illustrator имеется ограниченное количество инструментов для непосредственного редактирования этого изображения. Photoshop (файлы PSD) может выполнять более комплексные настройки, такие как цвет, контрастность и яркость.

Хотите найти дизайнера, который может создавать все нужные типы файлов?

Наши дизайнеры это умеют!

Найти дизайнера

Фото Форматы файлов изображений, TIF, JPG, PNG, GIF.

Что использовать? Форматы файлов фотоизображений, TIF, JPG, PNG, GIF. Что использовать?

www.scantips.com

Форматы файлов изображений — JPG, TIF, PNG, GIF

Какой использовать?

Меню других страниц Фото и Flash здесь

Наиболее распространенными форматами файлов изображений, наиболее важными для камер, печати, сканирования и использования в Интернете, являются JPG, TIF, PNG и GIF.

• JPG — наиболее часто используемый формат файла изображения. JPG — это расширение файлов JPEG (Joint Photographic Experts Group, комитет ISO и ITU). Цифровые камеры и веб-страницы используют файлы JPG, потому что JPG героически сжимает данные, чтобы они были намного меньше в файле. JPG использует сжатие с потерями для достижения этой цели, что имеет существенный недостаток. Файл поменьше, да, нет ничего похожего на JPG для маленьких, но это ценой качества изображения. Тем не менее, эту степень сжатия можно выбрать по желанию (с настройкой параметра «Качество JPG» в вашем редакторе), равной 9. 0385 меньшие файлы более низкого качества , или быть большие файлы более высокого качества . Небольшой размер файла и высокое качество изображения — противоположности. Ваша цифровая камера также предлагает этот выбор, меню обычно называется «Качество изображения» (вы хотите выбрать наилучшее качество в камере). В целом, сегодня JPG довольно уникален в этом отношении, поскольку использует сжатие с потерями, что позволяет использовать очень маленькие файлы более низкого качества, тогда как почти все другие типы файлов используют сжатие без потерь (с большими файлами). Значение Lossy обсуждается ниже.

  Откровенно говоря, JPG используется, когда небольшой размер файла (для передачи или хранения, веб-страниц, электронной почты, карт памяти и т. д.) важнее максимального качества изображения. Но настройки высокого качества для создания JPG в большинстве случаев достаточно, если мы не переусердствуем со сжатием. Возможно, достаточно хорошо для некоторых целей, даже если мы переусердствуем (веб-страницы и т. д.). Но если вы заинтересованы в максимальном качестве для архивирования важных изображений, вам нужно знать две вещи: 1) JPG всегда следует выбирать более высокое качество и файл большего размера, и 2) НЕ продолжайте редактировать и сохранять изображения JPG повторно, потому что каждый раз, когда вы сохраняете его в формате JPG, теряется больше качества (в виде добавленных артефактов JPG … пиксели становятся цветами, которыми они не должны быть — с потерями). Подробнее по ссылке в формате JPG внизу страницы.

• TIF без потерь (включая опцию сжатия LZW), который считается форматом самого высокого качества для коммерческой работы. Формат TIF не обязательно имеет «более высокое качество» как таковой (те же пиксели изображения RGB, они такие, какие они есть), и большинство форматов, отличных от JPG, также не имеют потерь. В TIF просто нет артефактов JPG, дополнительных потерь или артефактов JPG, которые могли бы ухудшить качество и отвлечь внимание от оригинала. И TIF является наиболее универсальным, за исключением того, что веб-страницы не отображают файлы TIF. Однако для других целей TIF делает почти все, что вам может понадобиться, от 1-битного до 48-битного цвета, RGB, CMYK, LAB или индексированного цвета. Большинство «специальных» типов файлов (например, файлы RAW камеры, файлы факсов или многостраничные документы) основаны на формате TIF, но с уникальными проприетарными тегами данных, что делает их несовместимыми, если этого не требует их специальное программное обеспечение. Веб-браузеры не могут отображать файлы TIF.

  Формат TIF очень универсален. Существует множество форматов TIFF для всех типов данных и способов сжатия. Данные CCITT для хранения стандартных текстовых документов, которые поддерживают несколько страниц в одном файле. Стандартный факс — это еще один формат TIFF. Дизайнерам могут быть назначены специальные теги данных для объявления других типов данных и сжатия. Одним из случаев является то, что некоторые файлы камеры Raw на самом деле имеют формат TIF, но с уникальными проприетарными тегами данных для их специального назначения, которые затем больше не совместимы со средствами просмотра TIF.

• GIF был разработан CompuServe на заре компьютерного 8-битного видео, до того, как стали использоваться 24 бита или JPG, для отображения видео на скоростях коммутируемого модема. GIF отбрасывает все данные Exif, которые, поскольку GIF был разработан для целей видеоэкрана, GIF не сохраняет значения разрешения печати. GIF всегда использует сжатие LZW без потерь, но это всегда индексированный цветной файл (от 1 до 8 бит на пиксель). GIF может иметь палитру 24-битных цветов, но не более 256 из них (какие цвета зависят от цветов вашего изображения). GIF имеет довольно ограниченные цвета для цветных фотографий, но в целом отлично подходит для графики. Повторяю, не используйте GIF с индексированным цветом для цветных фотографий сегодня, цвет слишком ограничен. GIF предлагает прозрачность и анимацию. Файлы PNG и TIF ​​также могут дополнительно обрабатывать тот же индексированный цветовой режим, что и GIF, но они более универсальны и с другими вариантами (могут быть RGB или 16 бит и т. д.). Но GIF по-прежнему очень хорош для веб-графики (т. е. с ограниченным количеством цветов). Для графики всего нескольких цветов GIF может быть намного меньше, чем JPG, с более четкими чистыми цветами, чем JPG). Индексированный цвет описан в цветовых палитрах (вторая страница ссылки GIF ниже).
• PNG сегодня может заменить GIF (веб-браузеры отображают оба варианта), а PNG также предлагает множество вариантов TIF (индексированный или RGB, от 1 до 48 бит и т. д.). PNG предлагает 8-битный режим для замены индексированных 256-цветных файлов GIF или 24-битный режим для возможных 16,78 миллионов цветов для фотографий. PNG был изобретен позже, чем другие, и был разработан для того, чтобы обойти возможные проблемы с патентами LZW на сжатие с GIF (которые на самом деле никогда не становились проблемой). И поскольку PNG был более современным, он также предлагает другие варианты (цветовые режимы RGB, 16 бит и т. д.). Одной из дополнительных функций PNG является прозрачность для 24-битных изображений RGB. Обычно файлы PNG немного меньше, чем сжатие LZW в TIF или GIF (все они используют сжатие без потерь разных типов), но PNG немного медленнее для чтения или записи. Эта патентная ситуация ушла в прошлое, но PNG остается превосходным сжатием без потерь. Используется реже, чем TIF или JPG, но PNG — еще один хороший выбор для качественной работы без потерь.
• Камера Файлы RAW очень важны, но файлы RAW должны быть преобразованы в обычные форматы (JPG, TIF и т. д.), чтобы их можно было просматривать и использовать каким-либо образом. Не заблуждайтесь, Shooting Raw — это философия, а не просто сеттинг. RAW требует небольшой дополнительной работы, но предлагает существенные преимущества, одно из которых заключается в том, что мы можем выбрать наши настройки ПОСЛЕ того, как мы действительно сможем увидеть изображение, и увидеть, что ему нужно, и увидеть, что ему помогает, и все еще можем передумать и попробовать что-то другое. Некоторые могут спорить об этом, но многие не могут себе представить, чтобы НЕ воспользоваться большими возможностями RAW. Другие считают, что любой дополнительный шаг — это слишком много хлопот, и их устраивает JPG — но мое собственное предвзятое мнение заключается в том, что они просто еще не знают или им все равно. 🙂 Подробнее ниже.

  Мы могли бы возразить, что на самом деле не существует концепции RAW-файлов со сканера (сканеры RGB). Vuescan предлагает вывод, называемый RAW, который является 16-битным, но RGB, а не необработанным, как с камер. Разница в том, что он только откладывает гамма-коррекцию до более позднего прохода. И его файл может включать данные четвертого канала коррекции инфракрасного шума сканера, если таковые имеются. Сам Vuescan является единственным постпроцессором для этих необработанных файлов Vuescan (за исключением того, что любые Photoshop-подобные уровни могут регулировать гамму). Но цветные изображения сканера уже имеют цвет RGB, а не необработанные данные шаблона Байера, как с камер.

  Изображения RAW с камеры не являются RGB и должны быть преобразованы в RGB для любого использования (наши мониторы и принтеры ожидают изображения RGB). Идея и большое преимущество Camera Raw заключается в том, что все параметры камеры и обработки JPG (такие как баланс белого и контрастность) откладываются на потом, когда мы можем увидеть изображение, чтобы решить, что именно ему нужно, без необходимости отмены обработки JPG. Это делает его лучше, и намного легче сделать это правильно. Затем преобразованное изображение RGB можно сохранить только один раз в формате JPG высокого качества (без проблем с артефактами JPG). Когда и если изображение нуждается в дополнительной обработке, мы отбрасываем эту копию JPG и возобновляем исходный файл необработанного архива.

---

Я настоятельно рекомендую всегда архивировать исходное неотредактированное изображение с камеры или сканера. Специально для JPG заархивируйте первую нетронутую копию (что происходит автоматически с файлами Raw). Ваша папка для загрузки должна быть вашим постоянным архивом неизменного исходного файла камеры, а отредактированные копии находятся в другом месте. Хорошей практикой является то, что при редактировании этого изображения всегда сохраняйте любые изменения в другом файле в другом месте. Никогда не перезаписывайте и не удаляйте свой единственный исходный файл. Всегда сохраняйте свой первозданный оригинал, иначе вы не сможете вернуться назад. Или же могут быть случаи, когда вы понимаете, что отредактированное изображение повреждено, особенно это важно для действительно особенных. JPG особенно, каждое сжатие JPG с потерями. Если вы редактировали исходный JPG-файл несколько раз для баланса белого, яркости, передискретизации или кадрирования, качество JPG ухудшается при каждом новом сжатии JPG (с потерями), и если исходное изображение будет утеряно, это будет необратимо. =Вы не можете вернуться, так что не рискуйте разрушить свой первозданный образ. Любая работа должна только копироваться. Новички, как правило, беспокоятся о дисковом пространстве, используемом этим архивом, но такова природа игры, файлы JPG в любом случае маленькие, а диски недорогие (внешний накопитель Western Digital USB 3. 0 на 4 ТБ стоит около 100 долларов США). Дисковое пространство становится тривиальной проблемой. Сохранение исходного изображения не является тривиальной задачей. Делайте также частое резервное копирование на другой диск. Это выбор быть в безопасности сейчас или сожалеть потом.

---

5

A few features of common file types
File Property	JPG	TIF	PNG	GIF
Web pages can show it	Yes		Yes	Yes
Вариант без сжатия		Да
Сжатие с потерями	Да 6 2654
	1826
Lossless compression		Yes	Yes	Yes
Grayscale	Yes	Yes	Yes	Yes
RGB color	Yes	Yes	Yes
8-битный цвет (24-битные данные)	Да	Да	Да
16-битный цвет (48-бит) 6 2659	Yes
CMYK or LAB color		Yes
Indexed color option		Yes	Yes	Yes
Transparency option			Yes	Да
Вариант анимации				Да

Различные цветовые режимы имеют разные значения размера данных, как показано.

Image Type	Bytes per pixel	Possible color combinations	Compatible File Types
1 bit Line art	1 / 8 byte per pixel	2 colors, 1 bit на пиксель. Одна краска на белой бумаге	TIF, PNG, GIF
8-битный индексированный цвет	До 1 байта на пиксель при 256 цветах	Максимум 256 цветов. Для использования в графике сегодня	TIF, PNG, GIF
8-битный серо-серого цвета	1 байт на пиксель	256 Shades of Grey	Lossy: JPG Dossless: TIF	: JPG . на пиксель	65636 оттенков серого	TIF, PNG
24 бит RGB (8-битный режим)	3 байта на пиксель (по одному байту для R, G, B)	Вычисляет 16,78 млн цветов макс. 24 бита — это «норма» для фотоизображений, например, JPG 9. 0265	Lossy: JPG Lossless:   TIF, PNG
32 bit CMYK	4 bytes per pixel, for Prepress	Cyan, Magenta, Yellow and Black ink, typically in halftones	TIF
48 -бит RGB (16-битный режим)	6 байт на пиксель	2,81 триллиона цветов макс. За исключением того, что у нас нет 16-битных устройств отображения	TIF, PNG

Существует ЧЕТЫРЕ размера цифрового изображения

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

Датчик камеры имеет размеры в миллиметрах, но также имеет размеры в пикселях. Например, полнокадровый сенсор 36×24 мм может быть разделен на 6000×4000 пикселей. Размер сенсора в миллиметрах важен для расчета поля зрения или глубины резкости. Да и размеры сенсора в миллиметрах тоже влияют на необходимый коэффициент увеличения до размера отпечатка, но размеры в пикселях тоже важны для просмотра изображения на экране или бумаге.

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

Размер файла — это его размер в байтах, хранящийся в файле (что не имеет смысла в отношении того, как может использоваться изображение). Размер изображения указывается в пикселях, а не в байтах (размер файла указывается в байтах). Сжатие данных может значительно уменьшить размер файла, но это все тот же размер изображения в пикселях. Таким образом, фраза «У меня есть 8-мегабайтный JPG-файл» ничего не говорит о размере изображения. Размер изображения измеряется в пикселях.

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

В отличие от бумаги размер экрана монитора измеряется в пикселях , а размер изображения также измеряется в пикселях. Пиксели изображения, так сказать, подходят к пикселям экрана один в один. Изображение 600×400 будет отображаться на экране как 600×400 пикселей. Если размер изображения больше, чем размер экрана, нам обычно показывается временная передискретизированная копия более подходящего меньшего размера. Однако размеры бумаги для печати указываются в дюймах или миллиметрах, поэтому изображения для печати должны быть масштабированы, чтобы располагать такое количество пикселей на дюйм или мм (часто называемое dpi, на жаргоне для обозначения пикселей на дюйм на бумаге). Ознакомьтесь с основными различиями и более подробной информацией об использовании изображений, распечатанных или представленных на видеоэкране.

Самый распространенный тип цветного изображения (например, любой файл JPG, но не файлы Raw) — это 24-битный вариант RGB. Обратите внимание, что несжатые 24-битные данные RGB составляют три байта на пиксель независимо от размера изображения. Однако многие/большинство файлов сжимаются до меньшего размера (обычно JPG сжимается до необычно маленького размера, что может привести к некоторой потере качества). Сжатые файлы снова распаковываются при открытии в память компьютера для показа (количество пикселей остается неизменным).

Вычисление четырех размеров изображения
Укажите размер изображения с помощью одного из следующих двух параметров:
Размер изображения	x пикселей
мегапикселей и соотношение сторон 3:2 (DSLR) 4:3 компактный, телефон 16:9 в камере 3:2 4:5
Тип данных	Оттенки серого, 8 бит/пиксель, 1 байт/пиксель, JPG, TIF, PNGGrayscale, 16 бит/пиксель, 2 байта/пиксель, TIF, PNGRGB, 24-битный цвет, 3 байта/пиксель, JPG, TIF, PNGRGB, 48-битный цвет, 6 байт/пиксель, файлы TIF, PNGCMYK, 32 бит/пиксель, 4 байта/пиксель, файлы TIFRaw изображение с камеры, 12 бит/pixelRaw изображение с камеры, 14 бит/pixelRaw изображение с камеры, 16 бит/пиксельИндексированный цвет, 256 цветов, 8-битный индекс, TIF, PNG, GIFИндексированный цвет, 128 цветов, 7-битный индекс, TIF, PNG, GIFИндексированный цвет, 64 цвета, 6-битный индекс, TIF, PNG, GIFИндексированный цвет, 32 цвета , 5-битный индекс, TIF, PNG, цвет GIFIndexed, 16 цветов, 4-битный индекс, TIF, PNG, цвет GIFIndexed, 8 цветов, 3-битный индекс, TIF, PNG, цвет GIFIndexed, 4 цвета, 2-битный индекс, TIF, PNG , GIFIndexed color, 2 цвета, 1 бит/пиксель, TIF, PNG, GIFLine art (B&W), 1 бит/пиксель, файлы TIF, PNG
Укажите примерный размер Exif (необязательно)		байт КБ
При печати с разрешением	пикселей на дюйм
Размер изображения
Размер данных
Размер файла
4. Для работы этого калькулятора в вашем браузере должен быть включен JavaScript. Лучшие типы файлов для этих общих целей:   Фотоизображения Графика, включая Логотипы или штриховые рисунки Свойства Фотографии представляют собой непрерывные тона, 24-битный цвет или 8-битный серый цвет Графика часто однотонная, с небольшим количеством цветов, ограничена 256 цветами, с текстом или линиями и четкими краями Бесспорно лучшее качество изображения TIF LZW или PNG (сжатие без потерь, и без артефактов JPG) PNG или TIF ​​LZW (сжатие без потерь, без артефактов JPG) Наименьший размер файла JPG с более высоким Коэффициентом качества может быть как маленьким, так и приличного качества. TIF LZW или GIF или PNG   (графика/логотипы без градиентов обычно допускают индексацию цвета от 2 до 16 цветов для наименьшего размера файла) Максимальная совместимость: Windows, Mac, Unix TIF или JPG TIF или GIF Худший выбор 256-цветный GIF-файл имеет очень ограниченный цвет и представляет собой файл большего размера, чем 24-битный JPG Сжатие JPG добавляет артефакты, смазывает текст, линии и края Это не единственный выбор, но он является хорошим и разумным выбором — Дополнительная информация: Формат PNG Формат TIF Формат JPG Формат GIF Необработанные файлы Основные соображения по выбору необходимого типа файла включают: Качество сжатия — тип с потерями для самых маленьких файлов (JPG) или тип без потерь для изображений наилучшего качества (TIF, PNG). Сжатие зависит от типа сжатия, но степень сжатия также зависит от содержимого изображения (блеклые области с разреженными деталями, такие как стены или небо, сжимаются очень эффективно, но области с высокой детализацией сжимаются менее эффективно). 8-битный режим Полный 24-битный цвет RGB является нормальным для фотографий (TIF, PNG, JPG). Или индексированный цвет для графики (PNG, GIF, TIF). Иногда требуется 16-битный режим (48-битные данные цвета RGB) (TIF и PNG). Широкие тональные сдвиги (гамма и баланс белого) при начальной обработке редактирования могут выиграть от более чем 8-битного. По этой причине сканеры и камеры являются как минимум 12-битными. Однако наши мониторы и принтеры ожидают 8-битные данные. А JPG всего 8 бит. Тип PNG-24 — это 24-битный цвет RGB для фотографий. PNG-8 — индексированный цвет для графики, максимум 256 цветов. GIF — это только индексированный цвет (сегодня для графики), но индексированный также доступен в TIF и PNG. Прозрачность или анимация используются в графике (GIF и PNG). Документы — изображения графики и текста — штриховые рисунки, многостраничные документы, факсы и т. д. — это будут файлы TIF. Текст коммерчески использует сжатие G3 или G4, но LZW также работает. Для коммерческой допечатной подготовки требуется цвет CMYK (файлы TIF). См. таблицу свойств выше. Мы выбираем тип файла, который поддерживает нужные нам свойства. Единственная причина использования сжатия с потерями — меньший размер файла, обычно для скорости передачи данных в Интернете или места для хранения. Веб-страницы требуют изображений в формате JPG, GIF или PNG, поскольку некоторые браузеры не отображают файлы TIF. В Интернете JPG является очевидным выбором для фотоизображений (наименьший файл, при этом качество изображения менее важно, чем размер файла), а GIF является обычным для графических изображений, но индексированный цвет обычно не используется для цветных фотографий (PNG может делать и то, и другое). в сети). Помимо Интернета, формат файла TIF является бесспорным лидером, когда требуется наилучшее качество, в основном потому, что TIF так важен в среде коммерческой печати. Высокое качество JPG тоже может быть довольно хорошим, но не портите его, делая файлы слишком маленькими. Если цель — высокое качество, вам не нужно маленькое. Вместо этого подумайте только о том, чтобы сделать JPG большим, и спланируйте свою работу так, чтобы вы могли сохранять их в формате JPG только один или два раза. Цветовое пространство Adobe RGB может подойти для вашего домашнего принтера и профилей, но если вы отправляете свои изображения на печать, типографские лаборатории массового рынка обычно принимают только файлы JPG и обрабатывают только цветовое пространство sRGB. Что означает потеря качества JPG? Что такое артефакты JPG? Кое-что, что нам всем нужно знать, но чтобы показать это, нужно больше, поэтому оно было размещено на отдельной странице. Разница в фото- и графических изображениях Фотоизображения имеют непрерывных тонов , что означает, что соседние пиксели часто имеют очень похожие цвета, например, голубое небо может иметь много оттенков синего. Обычно это 24-битный цвет RGB или 8-битная шкала серого, и типичная цветная фотография может содержать, возможно, сто тысяч цветов RGB из возможного набора из 16 миллионов цветов в 24-битном цвете RGB. 8-битные изображения в оттенках серого могут иметь 256 оттенков серого (0..255 от черного до белого). Цветные изображения RGB имеют три значения компонентов (красный, зеленый, синий), каждое из 8 бит, которые могут быть объединены в один из 256x256x256 = 16,78 миллионов возможных цветов (называемых 24-битным цветом). Например, один из цветов оранжевого может быть RGB(255, 165, 0) (это шестнадцатеричное число #ffa500). Подробнее о RGB см. Цвета могут быть 16-битными, но наши мониторы и принтеры — 8-битные устройства. Графические изображения обычно не сплошного тона (градиенты в графике возможны, но встречаются реже). Графика — это рисунки, а не фотографии, и они обычно используют относительно немного цветов, может быть, только два или три, часто менее 16 цветов во всем изображении. В цветном графическом мультфильме все небо будет иметь только один оттенок синего, тогда как на фотографии могут быть десятки оттенков. Карта, например, представляет собой графику, возможно, 4 или 5 цветов карты плюс 2 или 3 цвета текста, плюс синяя вода и белая бумага, часто менее 16 цветов в целом. Эти несколько цветов хорошо подходят для Indexed Color, который может повторно очищать цвета. Не сокращайте количество цветов слишком коротко, цветов будет больше, чем вы считаете. Каждая граница между двумя сплошными цветами, вероятно, имеет пару оттенков сглаживания, сглаживающих неровности (исследуйте его, возможно, в размере 500%). Недостаточное количество цветов может привести к шероховатости краев. Сканеры имеют три режима создания изображения: Цвет (для цветного сканирования) Оттенки серого (например, сканирование черно-белых фотографий) и штриховой рисунок (иногда называемый черно-белым). Штриховой рисунок — это особый случай, только два цвета (черный или белый, без серого), например клипарт, факс и текст. Штриховой рисунок с низким разрешением (например, мультфильмы в Интернете) часто лучше использовать в оттенках серого, что добавляет сглаживание, чтобы скрыть неровности. Файлы JPG — это очень маленькие файлы для фотоизображений с непрерывной тональностью, но JPG плохо подходит для графики без настройки высокого качества. JPG требует 24-битного цвета или 8-битной шкалы серого, а артефакты JPG наиболее заметны на резких краях графики или текста. Файлы GIF (и другие файлы индексированных цветов) хороши для графики, но плохи для фотографий (возможно слишком мало цветов). Тем не менее, в графике обычно не так много цветов. Такие форматы, как TIF и PNG, можно использовать любым способом: 24-битным или с индексированным цветом — эти типы файлов имеют разные внутренние режимы для оптимального размещения любого типа. Основы Наши цифровые изображения имеют размеры в пикселях (не в байтах и ​​определенно не в дюймах). А пиксель — это просто определение цвета, цвета, которым должна быть эта крошечная точка области выборки изображения. Соедините все эти цветные точки вместе, и наш мозг увидит изображение. Потери данных изображения, о которых мы говорим, связаны с измененным цветом пикселей. Для работы этого калькулятора в вашем браузере должен быть включен JavaScript. Этот простой расчет может служить двум целям: Сканирование: Умножение дюймов x точек на дюйм покажет размер созданного выходного изображения (в пикселях), если область сканируется с разрешением dpi. Сканирование 8×10 дюймов с разрешением 300 dpi даст разрешение 2400×3000 пикселей. Печать: Умножение дюймов x точек на дюйм покажет требуемый размер изображения (в пикселях) для печати этого размера бумаги с разрешением dpi. 2400×3000 пикселей, напечатанных с разрешением 300 dpi, заполнят 8×10 дюймов на бумаге. Называйте это dpi или ppi, как вам больше нравится, но (поскольку речь идет о пикселях изображения, а не о чернильных точках), идея состоит в том, что это разрешение представляет собой расстояние между пикселями на бумаге, пикселями на дюйм. Важно понимать, что область, отсканированная с разрешением 300 dpi, создаст пиксели, необходимые для печати того же размера с разрешением 300 dpi. Или, например, вы можете сканировать с разрешением 150 dpi и печатать с разрешением 300 dpi для копии половинного размера. Или вы можете сканировать с разрешением 600 dpi и печатать с разрешением 300 dpi для получения копии в двойном размере. Концепция в любом случае — количество пикселей на дюйм, как в сканере, так и в принтере. Но НЕ на видео экранах мониторов. Изображения отображаются на видеоэкране в их реальном размере в пикселях. Пиксели изображения отображаются один за другим на пикселях экрана, так сказать. Внутри видеомониторов нет ни дюймов, ни миллиметров. Возможно, вы купили 23-дюймовый монитор, но размер экрана в пикселях. 300 dpi — это, вероятно, то, что вам нужно для печати высококачественной фотокопии (для штрихового сканирования черного текста или штриховых рисунков лучше использовать 600 dpi, но 300 dpi вполне достаточно для работы с фотографиями). Это число точек на дюйм вообще не должно быть точным, но планирование размера, чтобы иметь достаточное количество пикселей, чтобы быть где-то около этого размера (от 250 до 300 пикселей на дюйм), является очень хорошей вещью для печати. Данные изображения состоят из пикселей, а пиксели — это «цвета», просто хранилище трех компонентов данных RGB (см. Что такое цифровое изображение?). Любое 24-битное изображение RGB будет использовать три байта на пиксель (см. Разрядность цвета — Размер памяти). Так, например, данные изображения любой 10-мегапиксельной камеры будут занимать 3×10 = 30 миллионов байт по определению цвета RGB. Это число является «размером данных» (при открытии в памяти компьютера для использования). Файл TIF будет примерно такого размера (и без потерь), но JPG обычно очень сильно сжимается (с потерями, а не без потерь) для сохранения в файле JPG, возможно, 1/10 этого размера (переменная с настройкой качества JPG), что «размер файла» (не размер изображения и не размер данных). В этом примере размер изображения по-прежнему составляет 10 мегапикселей (измеряется в пикселях, ширина x высота), а размер данных — 30 миллионов байт, но размер файла JPG может составлять 3 МБ (сжатие с потерями требует некоторых вольностей). Изображение по-прежнему будет выходить из файла JPG с теми же 10 мегапикселями и теми же 30 миллионами байтов при открытии файла JPG размером 3 МБ. Мы надеемся, что его качество также будет примерно таким же — потери JPG — это измененные значения цвета некоторых пикселей). Размер изображения (в пикселях) определяет, как мы можем использовать изображение — все дело в пикселях. См. краткий обзор цифровых основ. Все программы для редактирования фотографий будут поддерживать эти форматы файлов, которые обычно поддерживают и сохраняют изображения в следующих цветовых режимах: Режим цветных данных типов файлов,   бит на пиксель JPG RGB — 24 бита (8-битный цвет) или оттенки серого — 8 бит Всегда использует с потерями JPG, но его степень можно выбрать для более высокого качества и больших файлов или более низкого качества и файлов меньшего размера. JPG предназначен для фотоизображений и является худшим выбором для большинства графических или текстовых данных. TIF Универсальность, поддерживается множество форматов. Режим : RGB или CMYK или LAB и другие, практически любые. 8 или 16 бит на цветовой канал, называемый 8 или 16 битным «цветом» (24 или 48 битные файлы RGB). Оттенки серого — 8 или 16 бит, Индексированный цвет — от 1 до 8 бит, Штриховая графика (двухуровневая) — 1 бит Для файлов TIF большинство программ допускают либо отсутствие сжатия, либо сжатие LZW (LZW работает без потерь, но менее эффективен для цветных изображений). Adobe Photoshop также обеспечивает сжатие JPG или ZIP в файлах TIF (но это значительно снижает совместимость файлов TIF со сторонними производителями). «Программы для документов» допускают сжатие ITCC G3 или G4 для 1-битного текста (факс — это файлы TIF G3 или G4), что является без потерь и чрезвычайно эффективным (маленьким). Многие специализированные типы файлов изображений (например, файлы RAW камеры) имеют формат файлов TIF, но используют специальные проприетарные теги данных. 24-битный называется 8-битным цветом, три 8-битных байта для RGB (256x256x256 = максимум 16,78 миллионов цветов). Или 48 бит называется 16-битным цветом, тремя 16-битными словами (65536x65536x65536 = концептуально триллионы цветов) PNG RGB — 24 или 48 бит (так называемый 8-битный или 16-битный «цвет»), Альфа-канал для прозрачности RGB — 32 бита Оттенки серого — 8 или 16 бит, Индексированный цвет — от 1 до 8 бит, Штриховой рисунок (двухуровневый) — 1 бит Поддерживает прозрачность в обычном индексированном цвете, а также может быть четвертый канал (называемый Alpha), который может отображать градуированную прозрачность RGB (по положению пикселя, а не только одного цвета, и градуированную, а не только вкл. или выкл.). Версия APNG также поддерживает анимацию (например, GIF), показывая несколько последовательных кадров для имитации движения. PNG использует сжатие ZIP без потерь и несколько более эффективное сжатие цветов, чем GIF или TIF ​​LZW. Что касается фотоданных, PNG — это несколько меньшие файлы, чем TIF LZW, но большие файлы, чем JPG (однако PNG — без потерь, а JPG — нет). PNG — более новый формат, чем другие, разработанный как универсальный и бесплатный, когда патент на сжатие LZW был оспорен для файлов GIF и TIF. GIF Индексированный цвет — от 1 до 8 бит (8-битные индексы, ограничение до 256 цветов максимум). Цвет 24-битный, но только 256 цветов. Один цвет в индексированном цвете может быть помечен как прозрачный, что позволяет видеть нижележащий фон (очень важно, например, для текста). GIF представляет собой онлайн-видеоизображение, файл не содержит информации о разрешении на дюйм для печати. Разработан CompuServe для онлайн-изображений во времена коммутируемого доступа и 8-битного индексированного компьютерного видео, тогда как другие форматы файлов теперь могут быть 24-битными. Тем не менее, GIF по-прежнему отлично подходит для использования в Интернете графики, содержащей всего несколько цветов, когда это небольшой файл без потерь, намного меньше и лучше, чем JPG для этого. Файлы GIF не сохраняют число точек на дюйм для разрешения печати. GIF использует сжатие LZW без потерь. (информацию об индексированном цвете см. на второй странице по ссылке GIF внизу страницы). GIF также поддерживает анимацию, показывая несколько последовательных кадров, быстро имитирующих движение. Обратите внимание, что если размер вашего изображения, скажем, 3000×2000 пикселей, то это 3000×2000 = 6 миллионов пикселей (6 мегапикселей). Если предположить, что эти 6-мегапиксельные данные изображения представляют собой цвет RGB и 24 бита (или 3 байта на пиксель информации о цвете RGB), то размер этих данных изображения составляет 6 миллионов x 3 байта RGB = 18 миллионов байт. Это просто то, насколько велики данные вашего изображения (см. подробнее). Затем сжатие файлов, такое как JPG или LZW, может уменьшить размер файла, но когда вы открываете изображение в памяти компьютера для использования, JPG может по-прежнему иметь такое же качество изображения, но всегда остается 3000×2000 пикселей и 18 миллионов байт. Это просто размер ваших 6-мегапиксельных данных RGB-изображения (мегапиксели x 3 байта на пиксель). Резюме Наиболее распространенными форматами файлов изображений, наиболее важными для общих целей на сегодняшний день, являются JPG, TIF, PNG и GIF. Это не единственный выбор, но это хороший и разумный выбор для общих целей. Более новые форматы, такие как JPG2000, никогда не пользовались популярностью, не поддерживаются веб-браузерами и поэтому не являются наиболее совместимым выбором. Форматы PNG и TIF ​​LZW сжаты без потерь, поэтому их уменьшение размера файла не такое экстремальное, как может придумать дикий героический JPG. В общем, выбор более низкого качества JPG дает меньший худший файл, более высокое качество JPG дает больший лучший файл. Данные вашего 12-мегапиксельного изображения RGB составляют три байта на пиксель или 36 миллионов байтов. Это просто то, насколько велики данные вашего изображения. Размер вашего файла JPG может составлять всего 5-20% от этого буквально. TIF LZW может составлять 65-80%, а PNG может быть 50-65% (очень приблизительный примерный показатель для 24-битных цветных изображений). Мы не можем точно предсказать размеры, потому что сжатие всегда зависит от детализации изображения. Пустые области, такие как небо и стены, сжимаются намного меньше, чем детализированные области, такие как дерево, полное листьев. Но файл JPG может быть намного меньше, потому что JPG не требуется для восстановления исходного изображения в целости, потери допустимы. Принимая во внимание, что единственная цель PNG и TIF ​​LZW — быть на 100% без потерь, что означает, что файл не такой героически маленький, но никогда не возникает беспокойства по поводу качества сжатия с PNG или TIF ​​LZW. Они по-прежнему производят впечатляющее сжатие размера файла, помните, что данные изображения RGB на самом деле составляют три байта на пиксель. Файлы Camera RAW — это один из способов обойти эту проблему с JPG, по крайней мере, до последнего окончательного сохранения в формате JPG, когда это необходимо. И это также предлагает дополнительные преимущества обработки. Более простые инструменты в RAW, чем у JPG, данные RAW имеют более широкий диапазон, чем у JPG. Практически те же элементы управления, что и в камере, которые вам в любом случае понадобились бы, но этот шаг выполняется после того, как вы увидите результаты камеры, чтобы точно знать, что ей все еще нужно, и можете просто настроить и оценить это на глаз (в отличие от настроек). в камеру делал заранее, как надеются желающие). Мы слышим: Но изображения в формате RAW сначала требуют редактирования . Некоторые люди пугаются слова «редактировать», но несмотря ни на что, нам всегда приходится останавливаться и смотреть на наши изображения на компьютере, на каждое из них. Это тот же дополнительный шаг. Конечно, нам нужно немного обрезать их и уменьшить размер изображения, и многим из моих потребуется небольшая настройка экспозиции или баланса белого, чтобы они были лучшими. Это имеет огромное значение. То же самое редактирование, по несколько секунд, несколько кликов, а потом файл нужно снова сохранять. С таким же успехом вы можете сделать этот шаг в программе RAW, у которой есть более простые инструменты для этого и больше возможностей для этого, и теперь мы можем УВИДЕТЬ изображение. Если ваш сеанс включает 100 изображений с одинаковым освещением, просто выберите их все, отредактируйте ОДНО из них (скажем, баланс белого и экспозицию, даже обрезку и т. д.), и те же щелчки редактирования будут применены ко всем выбранным изображениям RAW одним щелчком мыши. . Чрезвычайно удобно. И никаких артефактов JPG, никаких потерь, и любые изменения можно легко отменить в любое время позже с полным восстановлением нашей исходной основной копии RAW. RAW — тривиальный, простой и хороший способ, день и ночь хороши, если вам небезразличны эти вещи. Подробнее о файлах Raw здесь. У всех свои представления, но вот расхожее мнение о предельном, по качеству, по универсальности, по удобству. Файлы RAW действительно популярны для большинства цифровых зеркальных камер. Когда мы делаем любое цифровое изображение, камера имеет датчик RAW, но обычно обрабатывает и выводит изображение в виде файла JPG. Но часто мы можем вместо этого выводить исходное изображение RAW, чтобы отложить этот шаг JPG на потом. Мы не можем просматривать или использовать этот файл RAW каким-либо другим способом, кроме как обработать его в компьютерном программном обеспечении, а затем вывести окончательное изображение TIF или JPG, однако отсрочка этой обработки дает несколько серьезных преимуществ, лучшие возможности редактирования, и мы можем полностью обойти все артефакты JPG. , до тех пор, пока не появится один окончательный вывод Сохранить для любой цели. RAW позволяет нам настраивать экспозицию и цвет, а также откладывать принятие решений по балансу белого до тех пор, пока мы не сможем сначала увидеть изображение и оценить любые пробные результаты. 12-битный файл RAW предлагает больший диапазон для любых наших настроек, часто для нескольких файлов одновременно. А RAW всегда сохраняет исходную версию нетронутой, поэтому мы можем легко отменить любые внесенные нами изменения редактирования, например размер обрезки. Приводится аргумент, что обработка RAW требует этого дополнительного шага, но то же самое верно и для любого требуемого редактирования. RAW — это простой способ, дающий наилучшие результаты. Кнопка «Далее» просматривает описания на следующих страницах, или вы можете использовать эти ярлыки напрямую: Формат JPG Формат PNG Формат TIF Формат GIF Сырые файлы Меню других страниц Фото и Флэш здесь Copyright © 1997-2022 by Wayne Fulton — Все права защищены. 7 форматов файлов фотографий, о которых вам нужно знать Вы когда-нибудь задумывались, что означают три буквы после названия вашего изображения? Это относится к формату файла вашей фотографии. Хотите верьте, хотите нет, но это имеет большое значение для того, как ваше изображение будет выглядеть при печати. Формат файла может показаться тривиальной вещью — их вроде бы сотни, так что это не должно иметь значения, верно? Ну, не совсем. Существует всего несколько форматов файлов фотографий, которые оптимальны для печати, и мы в Frame It Easy можем распечатать только три из них. (Не волнуйтесь, мы еще вернемся к этому.) Но важно знать основные характеристики каждого основного формата. Вы печатаете фотографию и хотите узнать, как лучше всего выполнить эту работу? Изучение форматов файлов, безусловно, было бы полезно. Вы также можете иметь представление о том, какой формат файла вы предпочитаете, но хотите сузить его между несколькими кандидатами. Не все форматы идеально подходят для одного и того же проекта. Если вы хотите напечатать гигантский баннер, вы должны использовать другой тип файла, чем если бы вы хотели напечатать семейную фотографию. Вы можете захотеть загрузить файл в Интернет, но не хотите слишком сильно замедлять время загрузки сайта; для этого также лучше всего подходит другой тип файла. Какой бы ни была причина, это исчерпывающее руководство должно помочь вам. Файлы, которые можно распечатать 1) . JPEG / .JPG Подходит для загрузки изображений в Интернет и для хранения фотографий небольшого размера. JPEG (или JPG) — это сокращение от Joint Photographic Experts Group. Лучше всего они работают с цветными и черно-белыми фотографиями. JPEG также является форматом файлов, который мы чаще всего печатаем для наших клиентов. В отличие от PNG, JPEG может лучше сжимать ваши файлы для более эффективного хранения на вашем компьютере. При этом, чем более сжато изображение JPEG, тем ниже его качество, что придает изображению зернистый, пиксельный вид (и это не очень хорошо выглядит для печати). Чем выше качество сохраненного исходного изображения, тем качественнее будет окончательный отпечаток. Благодаря своему сжатому формату он идеально подходит для загрузки изображений в Интернет. Это также один из самых универсальных форматов файлов, поскольку он может использоваться практически любым программным обеспечением и может быть распечатан практически кем угодно. Если вы не сжимаете свою фотографию с помощью программного обеспечения для редактирования, она должна быть хорошей. В большинстве случаев, если вы используете изображения со своего телефона или изображения, размещенные в Интернете, файлы JPEG будут практически одинаковыми, заканчиваясь расширением .JPEG или .JPG. Однако изображения, снятые цифровой камерой более высокого класса, могут иметь метаданные Exchangeable image file (или Exif), которые содержат такую ​​информацию, как тип используемой камеры и настройки цвета при съемке изображения. Обычно они предназначены для более профессиональных типографий. К счастью, мы обрабатываем все файлы JPEG одинаково. Поэтому, если вы делаете снимок со своего телефона или используете камеру типа «наведи и снимай», вам не о чем беспокоиться. Наша талантливая команда позаботится о том, чтобы предоставленное вами изображение имело наилучшее качество цвета при печати для обрамления. Краткое примечание о .HEIC Возможно, недавно вы видели еще один тип фотографий, который появился на ваших устройствах — . HEIC. Фотографии на современных iPhone часто имеют формат .HEIC, тип высокоэффективного формата файла изображения. Когда он экспортирует/отправляет их куда-либо, он должен конвертировать их в JPEG, но иногда этого не происходит. Если вы столкнетесь с .HEIC в дикой природе, это прекрасное изображение, но его необходимо преобразовать в JPEG, чтобы мы могли его принять. 2) .PNG Подходит для хранения графики и рисунков без потери качества. Сокращенный от Portable Network Graphics, PNG представляет собой несжатый формат «без потерь», что означает, что он сохраняет все данные, необходимые для отображения максимально возможного качества изображения. Сохранение качества — вот что привлекает людей к этому типу файлов. Но с высоким качеством приходит и большая ответственность. Поскольку файлы PNG не имеют потерь, чем больше и сложнее изображение, тем больше размер файла. Для фотореалистичных загрузок с разрешением 300 точек на дюйм (DPI) PNG привели бы к огромным размерам файлов; изображение того же размера одного цвета будет составлять часть размера файла. Если у вас есть фотореалистичное изображение, мы рекомендуем сначала преобразовать изображение в JPEG, так как это может значительно уменьшить размер файла. Однако, если вы хотите напечатать линейные рисунки, лучше всего подойдет формат PNG, так как в нем меньше потерь, чем в формате JPEG, а окончательный отпечаток может выглядеть намного чище (в зависимости от DPI и настройки качества вашего файла JPEG). изображение). Важное примечание о цвете: Цветовое пространство (CMYK или RGB) и цветовой профиль (sRGB и т. д.) также очень важны. Они во многом определяют, как будет печататься фотография. PNG обычно предназначены для экрана, а не для печати, и, хотя PNG поддерживает встраивание цветового профиля, он делает , а не позволяют встраивать цветовое пространство. JPEG более гибкий и поддерживает как цветовое пространство, так и цветовой профиль. 3) .GIF Подходит для передачи изображений, онлайн-хранилища или создания коротких анимаций. Формат обмена графикой, также известный как GIF, является популярным форматом в Интернете из-за возможности анимации. Возможно, в какой-то момент вы отправили несколько юмористических сообщений своим друзьям. Формат разработан в 1987. Первоначально он использовался для уменьшения размера изображений и создания коротких анимаций. Как и PNG, это формат без потерь. Однако максимальный цветовой диапазон GIF-файлов составляет 256 оттенков, что делает их неоптимальными для печати. (Это значительно меньше, чем 16,7 миллионов цветов в JPEG и PNG.) отправить GIF-файлы. Мы по-прежнему рекомендуем файлы JPEG и PNG для более качественной печати. Файлы, которые мы не можем распечатать, но по-прежнему хороши 4) .TIFF Подходит для печати и хранения изображений с высоким разрешением. И это хорошо для размещения этих изображений в формате макета страницы. Сокращение от Tagged Image File Format, TIFF обычно очень высокого качества. Вот почему многие художники используют их для транспортировки и печати своих работ. Они также используются для настольных издательских систем, факсимильной связи и трехмерных приложений. Поскольку файлы TIFF имеют такое высокое качество, они удобны для редактирования, поскольку они не ухудшаются и не превращаются в пиксели при последующих изменениях. Этот формат имеет некоторые недостатки. Многие программы будут иметь проблемы с его поддержкой из-за его размера. Мы рекомендуем проверить, поддерживает ли это программное обеспечение для редактирования фотографий или печати. К сожалению, в настоящее время мы не можем печатать в этом формате. Но вы можете загрузить свой TIFF на один из многих сайтов, специализирующихся на преобразовании файлов. На самом деле существует сайт, посвященный конвертации TIFF в JPEG, что очень удобно. 5) .PDF Подходит для изготовления баннеров, журнальных статей и онлайн-документов. Portable Document Format — для краткости PDF — был создан в 1991 году. Этот формат предназначен для записи электронных версий документов, готовых к перепечатке, как это было первоначально задумано. Если вам когда-либо приходилось подписывать онлайн-документ, вы, вероятно, сталкивались с PDF. Они также могут быть преобразованы в другие типы файлов. Существует несколько способов преобразования PDF в PNG или JPEG. Если у вас Mac, просто откройте PDF-файл в режиме предварительного просмотра и выберите «Файл» > «Экспорт», а затем выберите нужный формат. В этом случае вам нужен либо JPEG, либо PNG. Если у вас есть ПК, вам потребуется программное обеспечение для преобразования PDF-файла в тип файла, который может читать наш сайт. Мы рекомендуем широкоугольный конвертер PDF или Adobe Acrobat Pro. 6) .EPS Подходит для трехмерных изображений, больших баннеров и векторной графики. EPS — это сокращение от Encapsulated Postscript. Эти файлы похожи на PDF и TIFFS, так как они хороши для создания баннеров или графики с крупным шрифтом. Их самая большая сила в том, что они представляют собой векторные изображения, то есть их можно расширять без потери качества. Файл основан на математическом уравнении и отличается от файлов JPEG и PNG, которые основаны на пикселях. Тем не менее, существуют некоторые ограничения для этого формата файла. В MacOS вы сможете сразу открыть EPS; В Windows для этого вам понадобится такая программа, как Adobe Illustrator. Фотостандарт 7) .RAW Подойдет для профессиональных фотографов, которым требуется больше возможностей при постобработке. Файлы RAW являются лучшим форматом файлов для фотосъемки. Они не сжимают, не манипулируют и не изменяют фотографию. Этот формат используется с профессиональным цифровым фотооборудованием или цифровой зеркальной фотокамерой. С некоторыми настройками вашего iPhone вы также можете снимать фотографии в этом формате. Некоторые телефоны Android также могут делать фотографии в формате RAW. Позволяет пользователю изменять изображение без каких-либо предварительных изменений. По сути, это фотография, как ее сканирует объектив камеры, и ничего более. Файлы RAW, как правило, больше, чем JPEG, но немного меньше, чем TIFF. Вы можете потерять информацию в других форматах, поэтому файл RAW может быть лучшим форматом для создания исходных фотографий. Очевидно, что в формат будут внесены изменения, если вы захотите, скажем, загрузить отредактированное изображение в Интернет. Но для начала, вероятно, это лучший выбор, если вам нужна абсолютная свобода в редактировании изображения. Заключительные мысли Большую часть времени замечать различия в формате файлов нужно очень внимательно. Тем не менее, это не означает, что этих различий не существует, поэтому важно знать, что они означают. Здесь, в Frame It Easy, JPG, сохраненный в максимальном качестве с минимально возможным сжатием, — это то, что мы рекомендуем загружать. Добавить комментарий Отменить ответ Ваш адрес email не будет опубликован. Обязательные поля помечены * Комментарий * Имя * Email * Сайт