Форматы графических файлов | WebReference

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

GIF

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

Особенности

• Количество цветов в изображении может быть от 2 до 256, но это могут быть любые цвета из 24-битной палитры.
• Файл в формате GIF может содержать прозрачные участки. Если используется отличный от белого цвета фон, он будет проглядывать сквозь «дыры» в изображении.
• Формат поддерживает покадровую смену изображений, что делает его популярным для создания баннеров и простой анимации.
• Использует свободный от потерь метод сжатия.

Область применения

Текст, логотипы, иллюстрации с чёткими краями, анимированные рисунки, изображения с прозрачными участками, баннеры.

JPEG

JPEG (Joint Photographic Experts Group, объединённая группа экспертов в области фотографии) — популярный формат графических файлов, широко применяемый при создании сайтов и для хранения изображений. JPEG поддерживает 24-битный цвет и сохраняет неизменными яркость и оттенки цветов в фотографиях. Данный формат называют сжатием с потерями, поскольку алгоритм JPEG выборочно отвергает данные. Метод сжатия может внести искажения в рисунок, особенно содержащий текст, мелкие детали или чёткие края. Формат JPEG не поддерживает прозрачность. Когда вы сохраняете фотографию в этом формате, прозрачные пиксели заполняются определённым цветом.

Особенности

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

Область применения

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

PNG-8

PNG-8 (Portable Network Graphics, портативная сетевая графика) — формат по своему действию похожий на GIF. По заверению разработчиков, он использует улучшенный формат сжатия данных, но как показывает практика, это не всегда так.

Особенности

• Использует 8-битную палитру (256 цветов) в изображении, за что и получил в своём названии цифру восемь. При этом можно выбирать, сколько цветов будет сохраняться в файле, — от 2 до 256.
• В отличие от GIF, не отображает анимацию ни в каком виде.

Область применения

Текст, логотипы, иллюстрации с чёткими краями, изображения с прозрачностью.

PNG-24

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

Особенности

• Использует примерно 16,7 миллионов цветов, из-за чего этот формат применяется для полноцветных изображений.
• Поддерживает многоуровневую прозрачность, это позволяет создавать плавный переход от прозрачной области изображения к цветной, так называемый градиент.
• Из-за того, что используемый алгоритм сжатия сохраняет все цвета и пиксели в изображении неизменными, по сравнению с другими форматами у PNG-24 конечный объём файла с фотографией получается наибольшим.

Область применения

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

SVG

SVG (Scalable Vector Graphics, масштабируемая векторная графика) — это векторный формат, в отличие от предыдущих растровых форматов. Растровое изображение состоит из набора разноцветных пикселей, которые для человеческого глаза сливаются в единую картинку. Векторное же строится из набора объектов, вроде линий, кривых, прямоугольников, окружностей и др. При увеличении масштаба векторное изображение увеличивается пропорционально, сохраняя своё высокое качество.

Особенности

• Надписи остаются обычным текстом, их можно выделять, копировать, они читаются поисковыми системами при обходе сайта.
• Рисунки можно масштабировать произвольно, сохраняя при этом высокое качество.
• Формат не поддерживается браузером Internet Explorer до версии 9.0.

Область применения

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

См. также

• <img>
• <picture>
• Выравнивание картинок
• Добавление медиа-контента
• Изображения
• Масштабирование картинок
• Подрисуночная подпись

Автор: Влад Мержевич

Последнее изменение: 11.11.2015

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

Количество
цветов (глубина
цвета) – также одна из важнейших
характери­стик растра. Количество
цветов является важной характеристикой
для любо­го изображения, а не только
растрового.

Классифицируем
изображения следующим образом:

• Двухцветные
  (бинарные) – 1 бит на пиксел. Среди
  двухцветных чаще всего встречаются
  черно–белые изображения.

• Полутоновые
  – градации серого или иного цвета.
  Например, 256 града­ций (1 байт на
  пиксел).

• Цветные
  изображения.
  От 2 бит на пиксел и выше. Глубина цвета
  16 бит на пиксел (65 536 цветов) получила
  название High
  Со1ог, 24 бит
  на пиксел (16,7 млн цветов) – True
  Со1ог. В
  компьютерных графических системах
  используют и большую глубину цвета –
  32, 48 и более бит на пиксел.

GIF
– формат, использующий алгоритм сжатия
без потерь информации LZW. Максимальная
глубина цвета – 8 бит (256 цветов). В нём
также есть возможность записи анимации.
Поддерживает прозрачность пикселей
(двухуровневая – полная прозрачность,
либо полная непрозрачность). Данный
формат широко применяется при создании
Web–страниц. GIF–формат позволяет
записывать изображение «через строчку»,
благодаря чему, имея только часть файла,
можно увидеть изображение целиком, но
с меньшим разрешением. Его выгодно
применять для изображений с малым
количеством цветов и резкими границами
(например, для текстовых изображений).

JPEG
(JPG)
– формат, использующий алгоритм сжатия
с потерями информации, который позволяет
уменьшить размер файла в сотни раз.
Глубина цвета – 24 бит. Не поддерживается
прозрачность пикселей. При сильном
сжатии в области резких границ появляются
дефекты. Формат JPEG хорошо применять для
сжатия полноцветных фотографий. Учитывая
то, что при повторном сжатии происходит
дальнейшее ухудшение качества,
рекомендуется сохранять в JPEG только
конечный результат работы. JPEG широко
применяется при создании Web–страниц,
а также для хранения больших коллекций
фотографий.

Сравнение
GIF и JPEG

• GIF
  – формат удобен при работе с рисованными
  картинками;

• JPEG
  – формат лучше использовать для хранения
  фотографий и изображений с большим
  количеством цветов;

• для
  создания анимации и изображений с
  прозрачным фоном применяется GIF–формат.

BMP
– это  формат графического редактора
Paint. В нём не применяется сжатие. Он
хорошо подходит для хранения очень
маленьких изображений – таких как
иконки на рабочем столе. Большие же
файлы в этом формате занимают слишком
много места.

PNG
– разработан с целью заменить формат
GIF. Использует алгоритм сжатия Deflate без
потерь информации (усовершенствованный
LZW). Максимальная глубина цвета – 48 бит.
Поддерживает каналы градиентных масок
прозрачности (256 уровней прозрачности).
PNG – относительно новый формат, и поэтому
ещё не очень распространён. В основном
используется в Web–дизайне. К сожалению,
даже в некоторых современных браузерах
(таких, как Internet Explorer 6) отсутствует
поддержка прозрачности PNG и поэтому не
рекомендуется использовать прозрачные
PNG изображения на Web–страницах.

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

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

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

типов растровых изображений — приложения Win32

• Статья
• 07. 4 = 16 цветов. Каждый цвет в таблице представлен 24-битным числом: 8 бит для красного, 8 бит для зеленого и 8 бит для синего. Числа представлены в шестнадцатеричном формате (с основанием 16): A = 10, B = 11, C = 12, D = 13, E = 14, F = 15,9.0013

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

  Примечание

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

   

  Растровое изображение, в котором индексы хранятся в таблице цветов, называется растровым изображением с индексом палитры . Некоторые растровые изображения не нуждаются в таблице цветов. Например, если растровое изображение использует 24 бита на пиксель, это растровое изображение может хранить сами цвета, а не индексировать их в таблице цветов. На следующем рисунке показано растровое изображение, в котором цвета хранятся напрямую (24 бита на пиксель), а не с использованием таблицы цветов. На иллюстрации также показано увеличенное изображение соответствующего изображения. В растровом изображении FFFFFF представляет белый цвет, FF0000 — красный, 00FF00 — зеленый, а 0000FF — синий.

   

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

  Bitmap (BMP)

  BMP — это стандартный формат, используемый Windows для хранения изображений, независимых от устройств и приложений. Количество битов на пиксель (1, 4, 8, 15, 24, 32 или 64) для данного файла BMP указывается в заголовке файла. Файлы BMP с 24 битами на пиксель распространены.

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

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

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

  JPEG — это схема сжатия, которая хорошо подходит для естественных сцен, таких как отсканированные фотографии. Некоторая информация теряется в процессе сжатия, но часто эта потеря незаметна человеческому глазу. Цветные изображения JPEG хранят 24 бита на пиксель, поэтому они способны отображать более 16 миллионов цветов. Существует также формат JPEG в градациях серого, который хранит 8 бит на пиксель. JPEG не поддерживает прозрачность или анимацию.

  Уровень сжатия изображений JPEG настраивается, но более высокие уровни сжатия (файлы меньшего размера) приводят к большей потере информации. Коэффициент сжатия 20:1 часто создает изображение, которое человеческому глазу трудно отличить от оригинала. На следующем рисунке показано изображение BMP и два изображения JPEG, сжатые из этого изображения BMP. Первый JPEG имеет коэффициент сжатия 4:1, а второй JPEG имеет коэффициент сжатия около 8:1.

  Сжатие JPEG плохо работает для линейных рисунков, блоков сплошного цвета и резких границ. На следующем рисунке показан файл BMP, а также два файла JPEG и GIF. JPEG и GIF были сжаты из BMP. Коэффициент сжатия составляет 4:1 для GIF, 4:1 для меньшего JPEG и 8:3 для большего JPEG. Обратите внимание, что GIF сохраняет четкие границы вдоль линий, но JPEG имеет тенденцию размывать границы.

  JPEG — это схема сжатия, а не формат файла. Формат обмена файлами JPEG (JFIF) — это формат файлов, обычно используемый для хранения и передачи изображений, сжатых в соответствии со схемой JPEG. Файлы JFIF, отображаемые веб-браузерами, используют расширение .jpg.

  Сменный файл изображения (Exif)

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

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

  Формат PNG сохраняет многие преимущества формата GIF, но также предоставляет возможности, превосходящие возможности GIF. Как и файлы GIF, файлы PNG сжимаются без потери информации. Файлы PNG могут хранить цвета с 8, 24 или 48 битами на пиксель и оттенки серого с 1, 2, 4, 8 или 16 битами на пиксель. Напротив, файлы GIF могут использовать только 1, 2, 4 или 8 бит на пиксель. Файл PNG также может хранить альфа-значение для каждого пикселя, которое определяет степень, в которой цвет этого пикселя смешивается с цветом фона.

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

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

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

   

   

  8-битный цвет против 16-битного цвета

  Автор сценария Стив Паттерсон.

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

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

  Что означает термин «8-битный»?

  Возможно, вы уже слышали термины 8-битный и 16-битный раньше, но что они означают? Всякий раз, когда вы делаете снимок цифровой камерой и сохраняете его в формате JPEG, вы создаете стандартное «8-битное» изображение. Формат JPEG существует уже давно, и по мере того, как цифровая фотография и даже сам Photoshop продолжают развиваться, ограничения формата JPEG становятся все более и более очевидными. Во-первых, невозможно сохранить файл JPEG как 16-битный, потому что этот формат не поддерживает 16-битный формат. Если это изображение в формате JPEG (с расширением «.jpg»), это 8-битное изображение. Но что это значит, «8-битный»?

  Если вы читали наш учебник Объяснение RGB и цветовых каналов , вы знаете, что каждый цвет в цифровом изображении состоит из некоторой комбинации трех основных цветов света — красный , зеленый и синий :

  Неважно, какой цвет вы видите на экране. Он состоит из комбинации этих трех цветов. Вы можете подумать: «Это невозможно! В моем изображении миллионы цветов. Как можно создать миллионы цветов только из красного, зеленого и синего?»

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

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

  Но что, если бы у вас было, скажем, 256 оттенков красного, 256 оттенков зеленого и 256 оттенков синего? Если вы посчитаете, 256 умножить на 256 умножить на 256 равно примерно 16,8 миллиона. Теперь вы можете создать 16,8 миллионов цветов! И это именно то, что вы получаете с 8-битным изображением — 256 оттенков красного, 256 оттенков зеленого и 256 оттенков синего, что дает вам миллионы возможных цветов, которые вы обычно видите на цифровой фотографии:

  .

  Откуда взялось число 256? Что ж, 1 бит равен 2. Когда вы выходите за пределы 1 бита, вы находите его значение, используя выражение «2 в экспоненте (сколько бы битов ни было)». Так, например, чтобы найти значение 2-битного числа, вы должны вычислить «2 в степени 2» или «2 x 2», что равно 4. Таким образом, 2-битное число равно 4.

  4-битное изображение будет «2 в степени 4» или «2 x 2 x 2 x 2», что дает нам 16. Таким образом, 4 бита равны 16.

  Мы делаем то же самое для 8-битного изображения, которое будет «2 в степени 8», или «2 x 2 x 2 x 2 x 2 x 2 x 2 x 2», что дает нам 256. Вот где число 256 происходит от.

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

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

  Как мы только что узнали, сохранение фотографии в формате JPEG создает 8-битное изображение, что дает нам 16,8 миллионов возможных цветов в нашем изображении.

  Это может показаться много, если учесть, что человеческий глаз даже не может видеть столько цветов. Мы способны различать в лучшем случае несколько миллионов цветов, по некоторым оценкам достигающих 10 миллионов, но уж точно не 16,8 миллионов. Таким образом, даже с 8-битными изображениями JPEG мы уже имеем дело с большим количеством цветов, чем можем видеть. Зачем же тогда нам нужно больше цветов? Почему 8-бит недостаточно хорош? Мы вернемся к этому через мгновение, но сначала давайте посмотрим на разницу между 8-битными и 16-битными изображениями.

  Ранее мы узнали, что 8-битные изображения дают нам по 256 оттенков красного, зеленого и синего, и мы получили это число, используя выражение «2 в степени 8», или «2 x 2 x 2 x 2 x 2 x». 2 x 2 x 2″, что равняется 256. Мы можем сделать то же самое, чтобы выяснить, сколько цветов может быть в 16-битном изображении. Все, что нам нужно сделать, это вычислить выражение «2 в степени 16», или «2 х 2 х 2 х 2 х 2 х 2 х 2 х 2 х 2 х 2 х 2 х 2 х 2 х 2 х 2 х 2 «, что, если у вас нет под рукой калькулятора, дает нам 65 536. Это означает, что при работе с 16-битными изображениями у нас есть 65 536 оттенков красного, 65 536 оттенков зеленого и 65 536 оттенков синего. Забудьте о 16,8 миллионах! 65 536 x 65 536 x 65 536 дает нам невероятные 281 триллионов возможных цветов!

  Теперь вы можете подумать: «Ну и дела, это здорово и все такое, но вы только что закончили говорить, что мы даже не можем видеть все 16,8 миллионов цветов, которые может дать нам 8-битное изображение, так что это действительно имеет значение, чем 16-битное изображение». битовые изображения дают нам триллионы , еще цветов, которые мы не можем видеть?»

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

  Редактирование в 16-битном режиме

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

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

  Так почему же тогда лучше работать с 16-битным изображением? Одно слово — гибкость . Когда вы редактируете изображение в Photoshop, рано или поздно, если вы продолжите вносить изменения, вы столкнетесь с проблемами. Наиболее распространенной проблемой является то, что известно как «полосатость», когда вы теряете так много деталей изображения, что Photoshop больше не может отображать плавные переходы от одного цвета к другому. Вместо этого вы получаете уродливую лестницу между цветами и тональными значениями.

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

  .

  А вот точно такой же градиент, созданный как 16-битное изображение. За исключением того факта, что здесь указано «16» в верхней части окна документа, чтобы указать, что он находится в 16-битном режиме, оба градиента выглядят одинаково:

  Посмотрите, что с ними происходит, когда я их редактирую. Я собираюсь выполнить одно и то же редактирование на обоих. Во-первых, я нажму Ctrl+L (Win) / Command+L (Mac), чтобы вызвать настройку Photoshop Levels , и не вдаваясь в длительное обсуждение того, как работают уровни, я просто перетащите нижние черно-белые ползунки «Вывод» к центру. Опять же, я собираюсь сделать это с обоими градиентами:

  .

  Перетаскивание нижних черно-белых ползунков «Вывод» к центру диалогового окна «Уровни».

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

  Я нажму OK, чтобы выйти из диалогового окна Уровни, а теперь давайте снова взглянем на наши два градиента. Вот 8-битный градиент:

  А вот и 16-битный градиент:

  Оба градиента теперь больше похожи на сплошной серый цвет после корректировки уровней, но на этом этапе они по-прежнему выглядят одинаково, даже несмотря на то, что верхний находится в 8-битном режиме, а нижний — в 16-битном. Посмотрите, что произойдет, когда я снова использую «Уровни», чтобы растянуть тональный диапазон градиентов обратно к чистому черному слева и чистому белому справа. На этот раз я собираюсь перетащить черно-белые ползунки «Ввод» в диалоговом окне «Уровни» к центру, чтобы вернуть самые темные части градиента к чисто черному слева, а самые светлые части обратно к чисто белому цвету. справа:

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

  Давайте еще раз посмотрим на наши два градиента. Во-первых, 8-битный градиент:

  Ой! Наш гладкий градиент от черного к белому больше не выглядит таким гладким! Вместо этого он имеет эффект «полосатости» или «ступенчатости», о котором я упоминал, когда вы можете очень легко увидеть, где один оттенок серого меняется на другой, и это потому, что мы потеряли огромные фрагменты деталей в изображении после создания. те правки с настройкой уровней. Таким образом, 8-битное изображение вообще не очень хорошо сохранилось. Посмотрим, что случилось с нашим 16-битным градиентом:

  Посмотрите на это! Даже после довольно радикальных изменений, которые я сделал с помощью уровней, 16-битный градиент сохранился без единой царапины! Почему это? Почему 8-битный градиент в итоге потерял так много деталей, а 16-битный — нет? Ответ восходит к тому, о чем мы говорили до сих пор. 8-битное изображение может содержать максимум 256 оттенков серого, а 16-битное изображение может содержать до 65 536 оттенков серого. Несмотря на то, что оба градиента выглядели одинаково для нас, когда мы начинали, эти 16 тысяч плюс дополнительные возможные оттенки серого дали нам гораздо больше гибкости при редактировании и сделали гораздо менее вероятным, что впоследствии мы увидим какие-либо проблемы на изображении. Конечно, даже с 16-битными изображениями в конечном итоге может наступить момент, когда вы потеряете достаточно деталей, чтобы увидеть проблемы, если вы выполняете массу правок на изображении, но с 8-битными изображениями этот момент придет намного раньше, а с 16-битными изображениями мы говорим намного, намного позже.

  Редактирование фотографий в 16-битном режиме

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

  .

  А вот точно такое же фото, но в 16-битном режиме:

  В этот момент оба изображения выглядят одинаково, как и два градиента.

  Единственная разница между ними в том, что верхнее — 8-битное изображение, а нижнее — 16-битное. Давайте попробуем точно такое же редактирование с настройкой уровней. Теперь я понимаю, что это редактирование немного экстремально и вряд ли это то, что вы на самом деле сделаете со своими изображениями. Но это дает нам наглядный пример того, какой ущерб мы можем нанести нашим изображениям при редактировании их 8-битных версий по сравнению с тем, как мало, если вообще есть, ущерба, который мы наносим с 16-битными версиями.

  Я собираюсь нажать Ctrl+L (Win) / Command+L (Mac) еще раз, чтобы вызвать диалоговое окно настройки уровней Photoshop, и я собираюсь переместить черно-белые ползунки «Вывод». внизу по направлению к центру, к тем же точкам, которые я использовал для градиентов. Опять же, я делаю это как для 8-битной, так и для 16-битной версий образа:

  .

  Перетаскивание черного и белого ползунков «Вывод» к центру диалогового окна «Уровни».

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

  А вот как выглядит 16-битная версия образа:

  И снова две версии идентичны. Видимого преимущества 16-битной версии над 8-битной нет.

  Теперь давайте снова вернемся к Уровням и вернем тональную информацию к исходному состоянию, при этом самые темные области станут чисто черными, а самые светлые — чисто белыми:

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

  Теперь посмотрим, есть ли преимущество у 16-битной версии над 8-битной. Во-первых, 8-битная версия:

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

  Посмотрим, как справилась 16-битная версия:

  Опять же, как и в случае с градиентом, 16-битная версия выжила без единой царапины! Он выглядит так же хорошо, как и до редактирования, в то время как 8-битная версия потеряла массу деталей. И все потому, что 16-битная версия имеет в своем распоряжении огромное количество возможных цветов. Даже после такого резкого редактирования, как то, которое я выполнил, я не смог сделать ни малейшего ухудшения качества изображения благодаря тому, что оно было в 16-битном режиме.

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

  This entry was posted in Ключевые слова