Это факт жизни, когда дело доходит до работы с цифровыми фотографиями и изображениями. Иногда нам нужно сжать их, чтобы уменьшить размер наших файлов, особенно если мы отправляем их по электронной почте клиенту или членам семьи или публикуем их на веб-сайте.
Поскольку формат файла jpeg.webp по-прежнему является предпочтительным форматом для цифровых фотографий, хотя он существует уже более 15 лет, сжатие изображений обычно означает использование сжатия jpeg.webp, которое отлично справляется с уменьшением размера файла. К сожалению, это также снижает качество изображения, хотя не всегда легко увидеть, какое негативное влияние оказывает сжатие на изображение, особенно при просмотре его на мониторе компьютера. Но благодаря Photoshop и одному из его редко используемых режимов смешивания ужасы сжатия JPEG.webp становятся поразительно ясными.
Чтобы точно увидеть, что происходит с нашими изображениями, мы будем использовать режим смешивания слоев Photoshop's Difference. Режим смешивания различий получил свое название из-за того, что он ищет различия между двумя слоями. Любые области в обоих слоях, которые абсолютно одинаковы, отображаются чистым черным, в то время как области, которые в некотором роде отличаются, отображаются в виде странных цветов Режим смешивания различий не часто используется за пределами мира спецэффектов, но он отлично показывает, сколько мусора (да, я сказал мусор) мы добавляем к нашим изображениям jpeg.webp, когда сжимаем их. Это не значит, что мы все должны прекратить сжимать наши фотографии. В идеальном мире, конечно, но это просто нереально. Тем не менее, это помогает нам увидеть и понять, что происходит с нашими изображениями, особенно для тех из нас, кто до сих пор был убежден, что нет разницы в качестве изображения между сжатой и несжатой цифровой фотографией.
Здесь у меня открыто два окна документов в Photoshop, каждое из которых содержит то же изображение:
В Photoshop открываются два окна документов, в каждом из которых отображается копия одной и той же фотографии.
Но действительно ли они одного и того же изображения? Внешность может быть обманчива, особенно на экране компьютера. Правда в том, что они не одинаковы. Справа - исходная несжатая фотография, как будто она была загружена непосредственно с цифровой камеры. Слева - копия фотографии, сохраненной в Photoshop с качеством изображения 60%, что является довольно типичной настройкой. Это означает, что изображение слева было сжато.
Я понимаю, что это немного сложно сказать на скриншоте выше, но если бы вы посмотрели оба этих изображения на моем экране в Photoshop, у вас были бы проблемы с определением, какое из них сжато, а какое нет. Если бы мы их напечатали, различия стали бы очевидными, но на экране компьютера, разрешение которого намного ниже, чем у напечатанного изображения, различия не так легко обнаружить. По крайней мере, не без использования режима наложения Photoshop's Difference, чтобы помочь нам.
Я сказал несколько минут назад, что режим смешивания Различия ищет различия между двумя слоями, и что любые области между двумя слоями, которые являются абсолютно одинаковыми, выглядят как чистый черный. Давайте проверим это. Я собираюсь выбрать свою исходную несжатую фотографию и продублирую ее фоновый слой в палитре слоев, нажав Ctrl + J (Победа) / Command + J (Mac). Теперь у меня есть два слоя в палитре слоев - оригинальный фоновый слой внизу и копия фонового слоя, который Photoshop назвал «Слой 1», над ним:
Палитра «Слои» для исходной несжатой фотографии с фоновым слоем и копией фонового слоя над ним.
Поскольку «Слой 1» является копией фонового слоя, оба слоя должны быть идентичны. Мы можем использовать режим смешивания Разница, чтобы доказать, что они есть. Я собираюсь перейти к параметру режима наложения в верхней части палитры слоев и изменить режим наложения для «Слоя 1» с «Обычного» на «Разница»:
Изменение режима наложения «Слой 1» на «Разница».
Если «Слой 1» установлен в режим наложения «Разница», то, глядя на изображение в окне документа, я вижу, что все изображение теперь заполнено сплошным черным, что является способом, используемым в режиме наложения «Разница», для обозначения того, что оба слоя на самом деле идентичны:
Изображение теперь полностью заполнено сплошным черным, что указывает на то, что «Слой 1» и фоновый слой идентичны во всех отношениях.
Давайте пойдем дальше и будем абсолютно уверены, что все, что мы сейчас видим на изображении, это не что иное, как чистый черный цвет. Для этого мы будем использовать корректирующий слой Levels. Я собираюсь нажать на значок «Новый корректирующий слой» в нижней части палитры «Слои»:
Нажмите на значок «Новый корректирующий слой» в нижней части палитры «Слои» в Photoshop.
Затем я выберу Уровни из появившегося списка корректирующих слоев:
Нажмите на значок «Новый корректирующий слой» в нижней части палитры «Слои» в Photoshop.
Это вызывает диалоговое окно Уровни. Я могу использовать гистограмму в центре диалогового окна, чтобы точно узнать, какая тональная информация отображается на моем изображении. Если каждый отдельный пиксель на изображении отображает чистый черный цвет, что должно быть в случае, если оба моих слоя идентичны, то все, что я должен видеть в своей гистограмме, - это одиночная вертикальная полоса в дальнем левом углу, которая точно соответствует Я вижу:
Гистограмма в центре диалогового окна «Уровни» отображает одну вертикальную полосу в крайнем левом углу, сообщая мне, что каждый пиксель в моем изображении чисто черный.
Гистограмма подтверждает, что в настоящее время в моем изображении нет других цветов, кроме чистого черного, что означает, что «Слой 1» и фоновый слой идентичны на 100%. Все идет нормально. Теперь мы доказали то, что большинство из нас уже знали, что, когда мы делаем копию слоя, копия во всех отношениях идентична оригиналу. Захватывающие вещи, верно? Давайте двигаться дальше.
Плагин шорткодов, действий и фильтров: ошибка в шорткоде (ads-essentials-middle)
Я собираюсь нажать кнопку «Отмена» в верхнем правом углу диалогового окна «Уровни», чтобы выйти из него на данный момент, и я собираюсь удалить «Слой 1» из моей палитры слоев, щелкнув по нему и перетащив его вниз на значок корзины:
Перетащите «Слой 1» вниз на значок корзины в нижней части палитры «Слои», чтобы удалить его.
Теперь у меня остался только мой оригинальный фоновый слой:
Палитра Слои, показывающая оригинальный фоновый слой.
Теперь давайте посмотрим, что происходит, когда мы используем точно такой же метод для сравнения несжатой версии фотографии с сжатой версией фотографии. Как я уже говорил, увидеть различия между ними нелегко, просто взглянув на них на экране компьютера, но давайте выясним, что об этом говорит режим наложения «Разница». Когда каждая версия моей фотографии открыта в отдельном окне документа, я собираюсь щелкнуть внутри окна документа сжатой версии (слева) с помощью инструмента «Перемещение» и перетащить изображение в окно документа несжатой версии ( право):
Используя инструмент «Перемещение» и перетаскивая сжатую версию изображения слева, в окно документа несжатой версии справа.
Поскольку оба изображения имеют одинаковые размеры в пикселях (ширину и высоту), я собираюсь удерживать клавишу Shift, а затем отпустить кнопку мыши, которая идеально выровняет два изображения в окне документа:
Оба изображения теперь идеально выровнены друг над другом в одном и том же окне документа.
Если я загляну в палитру слоев, то у меня снова будет два слоя. Несжатая версия изображения находится на фоновом слое, а версия, которая была сохранена с качеством изображения 60%, теперь находится над ним на «Слой 1»:
Палитра «Слои» показывает несжатую версию в фоновом слое и сжатую версию в «Слой 1».
Я собираюсь еще раз изменить режим смешивания «Layer 1» с «Normal» на «Difference»:
Изменение режима наложения «Слой 1» на «Разница».
И теперь, когда режим наложения «Слой 1» установлен на «Разница», если действительно нет разницы между сжатой и несжатой версиями фотографии, я не должен видеть ничего, кроме чистого черного, когда я смотрю на свое изображение в окно документа:
Окно документа после изменения режима наложения «Слой 1» (сжатая версия фотографии) на «Разница».
Хм. Вы можете увидеть все эти слабые шумы на изображении выше? Это будет зависеть от того, как настроен ваш монитор. Возможно, вы просто видите черный, но я вижу на своем экране, что он определенно не чисто черный, как это было раньше, когда мы сравнивали фоновый слой с его идентичной копией. Там есть что-то еще, и это «что-то еще» говорит нам, что сжатые и несжатые версии фотографии не совпадают. Но насколько они отличаются? Действительно ли сжатие в формате JPEG.webp имеет такое большое значение?
Давайте еще раз воспользуемся корректирующим слоем Levels и дадим гистограмме ответить на этот вопрос. Я нажму на значок «Новый корректирующий слой» в нижней части палитры «Слои» и выберу «Уровни» из списка:
Выбор корректирующего слоя «Уровни» в палитре «Слои».
Это снова открывает диалоговое окно Уровни. Вспомните, как в прошлый раз гистограмма отображала одну вертикальную полосу в крайнем левом углу, что говорит нам о том, что на нашем изображении не было ничего другого, кроме чистого черного. На этот раз мы видим что-то немного другое:
Гистограмма больше не является единственной вертикальной чертой.
Кажется, в этот раз в дальнем левом углу гистограммы происходит гораздо больше, что подтверждает, что мои глаза не играли со мной шутки. Там определенно что-то еще есть на изображении. Одна вертикальная полоса была заменена большей черной областью, что означает, что само изображение теперь содержит больше, чем просто черный, и это означает, что в двух версиях фотографии есть области, которые больше не идентичны.
Так что же отличает их? Просто - фигня. Сжимая одну версию изображения, мы взяли чистую, нетронутую информацию об изображении и добавили в нее много мусора. Шум, барахло, называй это как хочешь. Суть в том, что мы испортили фотографию. Сколько мусора добавило сжатие jpeg.webp? Пока он может выглядеть немного не очень, и на самом изображении его все еще трудно увидеть, поэтому я нажму на маленький белый ползунок в правом нижнем углу гистограммы и перетащу его полностью влево пока он не окажется под местом, где начинается черный склон:
Перетащите белый ползунок из нижней правой части гистограммы влево до точки, где начинается черный уклон.
Не вдаваясь в подробные обсуждения того, как работает диалоговое окно «Уровни», я только что взял весь этот слабый шум на изображении и сделал его намного ярче, чтобы нам было легче его увидеть. Помните, что любые странные цвета, которые вы видите, представляют области, которые отличаются между исходной несжатой версией фотографии и версией, которая была сохранена с сжатием JPEG.webp:
Шум теперь намного лучше виден на изображении.
Не красивое зрелище, не так ли? Теперь, когда мы можем видеть вещи легче, все эти странные цвета представляют весь ущерб, который мы нанесли изображению, сжимая его. Изображение теперь заполнено тем, что обычно называют «артефактами сжатия», и это просто причудливый способ сказать: «Мы взяли вашу прекрасную информацию об изображении и все испортили». Сжатие изображения в формате JPEG.webp может значительно уменьшить размер файла, но, как показывает режим наложения «Разница», оно также может значительно снизить качество изображения. Опять же, не всегда легко увидеть, какой ущерб нанесено вашему изображению, глядя на него на экране компьютера, но вы обязательно заметите разницу при печати в высоком разрешении.
Итак, теперь, когда мы увидели, какой ущерб мы можем нанести цифровой фотографии, сжав ее, что мы можем с этим сделать? К сожалению, не так много. Формат jpeg.webp по-прежнему является лучшим выбором для сохранения цифровых фотографий, и, когда размер файла является проблемой, у нас действительно нет другого выбора, кроме как сжать их. Если вы работаете над проектом для Интернета, вы обычно можете немного сжать, прежде чем качество изображения станет проблемой, но если ваш проект будет распечатан, вы захотите использовать оригинальные несжатые изображения. как только возможно. И там у нас это есть!