Какое качество изображения
Перейти к содержимому

Какое качество изображения

  • автор:

Форматы изображения (RAW, JPEG, HEIF) и сжатие

На большинстве цифровых камер предусмотрена возможность выбора формата (его также называют типом файлов), в котором будут сохраняться фотографии, — 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-битные файлы: запись максимального диапазона цветов и тонов
  • Большой размер файла
  • Необходимость в обработке (обычно на компьютере)

Качество и размер изображения

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

  • Качество изображения
  • Размер изображения

Качество изображения

Выберите формат файла и коэффициент сжатия (качество изображения).

Параметр Тип файла Описание
NEF (RAW) + JPEG выс. кач. NEF/JPEG Запись двух копий каждой фотографии: изображение в формате NEF (RAW) и JPEG-копия. При просмотре отображается только JPEG-копия, но при удалении JPEG-копии также удаляется изображение в формате NEF (RAW). Изображение в формате NEF (RAW) можно просмотреть только на компьютере.
NEF (RAW) NEF Запись данных RAW с матрицы без дополнительной обработки.
JPEG выс. кач. JPEG Запись фотографий в формате JPEG. Сжатие увеличивается, а размер файла уменьшается по мере изменения качества от «высокого» к «среднему» и «низкому».
JPEG сред. кач.
JPEG низ. кач.

Информация о настройках фотокамеры, таких как коррекция экспозиции, баланс белого и Picture Control, хранится отдельно от необработанных данных с матрицы и может впоследствии изменяться так часто, как требуется, без ухудшения качества изображения. Вы можете скопировать изображения на компьютер и настроить параметры с помощью программного обеспечения Nikon ViewNX-i или Capture NX-D, которое можно бесплатно скачать из центра загрузки Nikon, или использовать пункт Обработка NEF (RAW) в меню обработки фотокамеры. Изображения в формате NEF (RAW) записываются в формате NEF (расширение «*.nef»).

Отобразите параметры качества изображения. Нажмите кнопку P , затем выделите текущее качество изображения на информационном экране и нажмите J .

Кнопка P

Выберите тип файла. Выделите параметр и нажмите J .

Изображения в формате NEF (RAW)

Выбор NEF (RAW) для Качество изображения фиксирует Размер изображения на значении Большой ( 0 Размер изображения). Параметр Штамп с датой ( 0 Штамп с датой) не доступен при настройках качества изображения NEF (RAW) или NEF(RAW) + JPEG выс. кач.

Размер изображения

Размер изображения измеряется в пикселях. Выберите # Большой, $ Средний или % Маленький:

Размер изображения Размер (в пикселях) Размер отпечатка (см) *
# Большой 6 000 × 4 000 50,8 × 33,9
$ Средний 4 496 × 3 000 38,1 × 25,4
% Маленький 2 992 × 2 000 25,3 × 16,9

Приблизительный размер отпечатка 300 точек на дюйм. Размер отпечатка в дюймах равен размеру изображения в пикселях, разделенного на разрешение принтера в точках на дюйм (точка/дюйм; 1 дюйм = приблизительно 2,54 см).

Отобразите параметры размера изображения. Нажмите кнопку P , затем выделите текущий размер изображения на информационном экране и нажмите J .

Кнопка P

Какие форматы изображений бывают: что нужно знать

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

Зачем нужно так много форматов, кому они нужны и почему нельзя все подряд хранить в 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 соответственно.

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

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

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

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

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

Критерии качества изображений

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

Качество изображений

Тип графики изображений

  • векторная
  • растровая

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

Цветовые модели изображений

Цветовая модель определяет способ представления цветов в изображениях. Существует две основные цветовые модели:

CMYK Цветовая модель CMYK применима к изображениям для печати (полиграфии). RGB Цветовая модель RGB применима к изображениям для отображения на компьютере.

Цветовая модель RGB

RGB ( R — red (красный), G — green (зеленый), B — blue (синий)) — цветовая модель, служащая для представления излучаемого (мониторами, телевизорами) света. Излучаемый свет может быть трех основных цветов (красного, зеленого и синего), а остальные цвета образуются путём смешения основных:

Цветовая модель RGB

Для веб-изображений применяется цветовая модель RGB в цветовом пространстве sRGB (стандартизированное RGB).

Каждый из основных цветов модели RGB имеет 256 оттенков, а максимальное количество возможных цветов составляет:

256 оттенков красного × 256 оттенков зеленого 256 × оттенков синего = 16 777 216 цветов

Глубина цвета цифровых изображений

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

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

P = 2I
  • P — максимальное количество цветов,
  • I — глубина цвета.

При создании картинок для интернета чаще всего используется одно из 3-х значений глубины цвета:

  • 8 бит — для простых картинок ,
  • 24 бита — для сложных изображений с большим количеством цветов ,
  • 32 бита — для сложных изображений с применением прозрачности .

8 бит (PNG-8 256 цветов)

24 бита (PNG-24)

32 бита (PNG-24 RGBA)

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

Максимальное количество цветов при 8-битной глубине цвета:

P = 28 = 256

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

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

Максимальное количество цветов при 24-битной глубине цвета:

P = 224 = 16 777 216

Это максимальное значение для изображений цветовой модели RGB. Чтобы было легче осознать эту цифру:

  1. каждый цветовой канал модели RGB использует по 256 оттенков (0-255):
    • R — 256 оттенков красного,
    • G — 256 оттенков зеленого,
    • B — 256 оттенков синего.
  2. оттенки других цветов образуются путём наложения основных цветов (красного, зеленого и синего) друг на друга. Например:
    • R0 G0 B0 = черный цвет (rgb(0,0,0)),
    • R255 G255 B255 = белый цвет (rgb(255,255,255)),
    • R150 G150 B150 = серый цвет (rgb(150,150,150)).
  3. общее количество вариаций цветов составляет 256 × 256 × 256 = 16777216

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

32-битная глубина цвета применяется в цветовой модели RGBA, где дополнительные 8 бит приходятся на канал прозрачности (альфа-канал). Иначе говоря, 32-битные изображения могут использовать всё те же 16,7 млн. цветов + 256 вариаций прозрачности на каждый из них.

Пиксельный размер изображений

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

S = a × b
  • S — размер изображения,
  • a — высота изображения,
  • b — ширина изображения.

Например, размер картинки шириной 800 px и высотой 600 px равен:

800 px × 600 px = 480 000 px

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

Размер изображения 800 × 600 (800 на 600)

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

Разрешение растровых изображений

Пиксель не является абсолютной величиной, а зависит от разрешения экрана (при отображении на компьютере) или от разрешения картинки (при распечатке).

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

Следует различать два вида разрешения:

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

Разрешение картинок для сайтов

Необходимо понимать, что размер изображения на экране полностью зависит от значения разрешения данного экрана и не зависит от разрешения изображения. Например, если разрешение экрана составляет 72 ppi (pixels per inch — число пикселей на дюйм), то размер пикселей изображения будет соответствовать размеру экранных пикселей независимо от значения ppi, установленного для картинки. Проще говоря: одно изображение с разными значениями разрешения (300 ppi, 72 ppi или даже 1 ppi) на экране c определённым разрешением будет выглядеть одинаково, т. к. размер картинок определяется в пикселях, а размер пикселя устанавливает именно разрешением экрана.

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

Значение ppi, установленного для изображения, не влияет на качество его отображения на устройстве вывода.

Для чего тогда нужна такая характеристика, как разрешение изображения? Ответ прост: для печати, но это уже совсем другая история.

Размер файла изображения

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

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

Формат файла картинки определяет алгоритм сжатия данных и другие её характеристики.

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

Каждый формат имеет свои отличительные особенности, которыми нужно руководствоваться, выбирая тип файла для определённой картинки:

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

Особенность GIF PNG-8 PNG-24 JPEG
Полная прозрачность + + +
Полупрозрачность +
Сжатие данных с потерями +
Сжатие данных без потерь + + +
Степень сжатия данных +
256+ цветов + +
Анимация +

Ссылки

Внутренние материалы

  • Вес изображений
  • Оформление изображений
  • Применение изображений
  • Размер изображений
  • Тег Img (изображение)

Внешние материалы

  • Рекомендации по работе с Google Картинками
  • Оптимизация изображений
  • Использование графики

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *