Видя разницу с сжатием JPEG в Photoshop: разъясняем развернуто

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

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


Чтобы точно увидеть, что происходит с нашими изображениями, мы будем использовать Photoshop’s Differenceрежим наложения слоя. Режим смешивания различий получил свое название из-за того, что он ищет различия между двумя слоями. Любые области в обоих слоях, которые абсолютно одинаковы, отображаются чистым черным, в то время как области, которые в некотором роде отличаются, отображаются в виде странных цветов. Режим смешивания различий не часто используется за пределами мира спецэффектов, но он отлично показывает, сколько мусора (да, я сказал мусор) мы добавляем к нашим изображениям jpeg, когда сжимаем их. Это не значит, что мы все должны прекратить сжимать наши фотографии. В идеальном мире, конечно, но это просто нереально. Тем не менее, это помогает нам видеть и понимать, что происходит с нашими изображениями, особенно для тех из нас, кто до сих пор был там убежден ».

Здесь в Photoshop открыты два окна документов, каждое из которых содержит то же изображение:

Adobe Photoshop учебное изображение.

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

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

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

Я сказал несколько минут назад, что режим смешивания Различия ищет различия между двумя слоями, и что любые области между двумя слоями, которые абсолютно одинаковы, выглядят как чистый черный. Давайте проверим это. Я собираюсь выбрать свою исходную несжатую фотографию и продублирую фоновый слой в палитре слоев, нажав Ctrl + J (Победа) / Command + J (Mac). Теперь у меня есть два слоя в палитре слоев — оригинальный фоновый слой внизу и копия фонового слоя, который Photoshop назвал «Слой 1», над ним:

Adobe Photoshop учебное изображение.

Палитра «Слои» для исходной несжатой фотографии с фоновым слоем и копией фонового слоя над ним.

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

Adobe Photoshop учебное изображение.

Изменение режима наложения «Слой 1» на «Разница».

Если «Слой 1» установить в режим наложения «Разница», то, глядя на изображение в окне документа, я вижу, что все изображение теперь заполнено сплошным черным, что является способом, используемым в режиме наложения «Разница», для обозначения того, что оба слоя по сути идентично:

Adobe Photoshop учебное изображение.

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

Давайте пойдем дальше, чтобы быть абсолютно уверенными, что все, что мы видим сейчас на изображении, это не что иное, как чистый черный цвет. Для этого мы будем использовать корректирующий слой Levels . Я собираюсь нажать на значок « Новый корректирующий слой» в нижней части палитры слоев:

Adobe Photoshop учебное изображение.

Нажав на значок «Новый корректирующий слой» в нижней части палитры «Слои» в Photoshop.

Затем я выберу Уровни из появившегося списка корректирующих слоев:

Adobe Photoshop учебное изображение.

Нажав на значок «Новый корректирующий слой» в нижней части палитры «Слои» в Photoshop.

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

Adobe Photoshop учебное изображение.

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

Гистограмма подтверждает, что в настоящее время в моем изображении нет других цветов, кроме чистого черного, что означает, что «Слой 1» и фоновый слой идентичны на 100%. Все идет нормально. Теперь мы доказали то, что большинство из нас уже знали, что, когда мы делаем копию слоя, копия во всех отношениях идентична оригиналу. Захватывающие вещи, верно? Давайте двигаться дальше.

Я собираюсь нажать кнопку «Отмена» в верхнем правом углу диалогового окна «Уровни», чтобы выйти из него на данный момент, и я собираюсь удалить «Слой 1» из моей палитры слоев, щелкнув по нему и перетащив его вниз на значок корзины:

Adobe Photoshop учебное изображение.

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

Теперь у меня остался только мой оригинальный фоновый слой:

Adobe Photoshop учебное изображение.

Палитра Слои, показывающая оригинальный фоновый слой.

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

Adobe Photoshop учебное изображение.

С помощью инструмента «Перемещение» и перетаскивания сжатой версии изображения слева в окно документа несжатой версии справа.

Поскольку оба изображения имеют одинаковые размеры в пикселях (ширину и высоту), я собираюсь удерживать клавишу Shift, а затем отпустить кнопку мыши, которая идеально выровняет два изображения в окне документа:

Adobe Photoshop учебное изображение.

Оба изображения теперь идеально выровнены друг над другом в одном и том же окне документа.

Если я загляну в палитру слоев, то у меня снова будет два слоя. Несжатая версия изображения находится в фоновом слое, а версия, которая была сохранена с качеством изображения 60%, теперь находится над ним в «Слой 1»:

Adobe Photoshop учебное изображение.

Палитра «Слои» показывает несжатую версию на фоновом слое и сжатую версию на «Слой 1».

Я собираюсь еще раз изменить режим смешивания «Layer 1» с «Normal» на «Difference»:

Adobe Photoshop учебное изображение.

Изменение режима наложения «Слой 1» на «Разница».

И теперь, когда режим наложения «Слой 1» установлен на «Разница», если действительно нет разницы между сжатой и несжатой версиями фотографии, я не должен видеть ничего, кроме чистого черного, когда я смотрю на свое изображение в окно документа:

Adobe Photoshop учебное изображение.

Окно документа после изменения режима наложения «Слой 1» (сжатая версия фотографии) на «Разница».

Хм. Можете ли вы увидеть все эти слабые шумы на изображении выше? Это будет зависеть от того, как настроен ваш монитор. Возможно, вы просто видите черный, но я вижу на своем экране, что он определенно не чисто черный, как это было раньше, когда мы сравнивали фоновый слой с его идентичной копией. Там есть что-то еще, и это «что-то еще» говорит нам, что сжатые и несжатые версии фотографии не совпадают. Но насколько они отличаются? Действительно ли сжатие в формате JPEG имеет такое большое значение?

Давайте еще раз воспользуемся корректирующим слоем Levels и дадим гистограмме ответить на этот вопрос. Я нажму на значок « Новый корректирующий слой» в нижней части палитры «Слои» и выберу « Уровни» из списка:

Adobe Photoshop учебное изображение.

Выбор корректирующего слоя «Уровни» в палитре «Слои».

Это снова открывает диалоговое окно Уровни. Вспомните, как в прошлый раз гистограмма отображала одну вертикальную полосу в крайнем левом углу, что говорит нам о том, что на нашем изображении не было ничего другого, кроме чистого черного. На этот раз мы видим что-то немного другое:

Adobe Photoshop учебное изображение.

Гистограмма больше не является единственной вертикальной чертой.

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

Так что же отличает их? Просто — фигня. Сжимая одну версию изображения, мы взяли чистую, нетронутую информацию об изображении и добавили в нее много мусора. Шум, барахло, называй это как хочешь. Суть в том, что мы испортили фотографию. Сколько мусора добавило сжатие jpeg? Это может пока не сильно выглядеть, но на самом изображении все еще трудно увидеть, поэтому я собираюсь щелкнуть по маленькому белому ползунку в правом нижнем углу гистограммы и перетащить его полностью влево пока он не окажется под местом, где начинается черный склон:

Adobe Photoshop учебное изображение.

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

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

Adobe Photoshop учебное изображение.

Шум теперь намного лучше виден на изображении.

Не красивое зрелище, не так ли? Теперь, когда мы можем видеть вещи более легко, все эти странные цвета представляют весь ущерб, который мы нанесли изображению, сжимая его. Изображение теперь заполнено тем, что обычно называют «артефактами сжатия», и это просто причудливый способ сказать: «Мы взяли вашу прекрасную информацию об изображении и все испортили». Сжатие изображения в формате JPEG может значительно уменьшить размер файла, но, как показывает режим наложения «Разница», оно также может значительно снизить качество изображения. Опять же, не всегда легко увидеть, какой ущерб нанесено вашему изображению, глядя на него на экране компьютера, но вы обязательно заметите разницу при печати в высоком разрешении.

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



Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

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

Ваш e-mail не будет опубликован.