Це робота з життя, коли справа стосується роботи з цифровими фотографіями та зображеннями. Іноді нам потрібно стиснути їх, щоб зменшити розміри файлів, особливо якщо ми надсилаємо їх електронною поштою клієнтові або членам сім’ї або публікуємо їх на веб-сайті.
Оскільки формат файлу jpeg.webp все ще є вибором формату для цифрових фотографій, навіть якщо він існує вже більше 15 років, стискання зображень зазвичай означає використання стиснення jpeg.webp, що робить велику роботу зі зменшення розміру файлу. На жаль, це також знижує якість зображення, хоча не завжди легко зрозуміти, який негативний вплив має стиснення на зображення, особливо при перегляді його на моніторі комп'ютера. Але завдяки Photoshop та одному з його рідко використовуваних режимів змішування, жахи стиснення jpeg.webp стають разюче зрозумілими.
Щоб точно побачити, що відбувається з нашими зображеннями, ми скористаємося режимом суміші шарів Photoshop Difference. Режим суміші Різниця отримав свою назву від того, що він шукає відмінності між двома шарами. Будь-які ділянки в обох шарах, які є абсолютно однаковими, виглядають як чистий чорний, тоді як ділянки, які в чомусь різні, виглядають як дивні кольори. Режим суміші різниці не використовується дуже часто поза світом спеціальних ефектів, але це чудова робота, показуючи нам, скільки сміття (так, я сказав сміття) ми додаємо до наших зображень jpeg.webp, коли ми стискаємо їх. Тепер це не означає, що всім нам потрібно припинити стискати свої фотографії. У досконалому світі, звичайно, але це просто нереально. Це, однак, допомагає нам побачити і зрозуміти, що відбувається з нашими зображеннями, особливо для тих, хто до цього переконався, що немає різниці в якості зображення між стислим і нестисненим цифровим фото.
Тут у мене в Photoshop відкрито два вікна документа, кожне з яких містить те саме зображення:
У Photoshop відкриваються два вікна документа, в кожному з яких є копія тієї ж фотографії.
Але чи справді вони однакові? Зовнішність може обманювати, особливо на екрані комп’ютера. Правда в тому, що вони не однакові. Справа - оригінальна, нестиснута фотографія, наче вона була завантажена безпосередньо з цифрової камери. Ліва - це копія фотографії, збереженої у Photoshop, на 60% якості зображення, що є досить типовою настройкою. Це означає, що зображення зліва було стиснене.
Я усвідомлюю, що на скріншоті вище сказати це трохи важко, але якби ви подивилися обидва ці зображення на моєму екрані у Photoshop, у вас виникли б проблеми сказати, яке з них стиснуто, а яке - ні. Якби ми друкували їх, відмінності стали б зрозумілими, але на екрані комп'ютера, який має набагато меншу роздільну здатність, ніж у друкованому зображенні, різниці не так легко помітити. Принаймні, не без використання режиму суміші Photoshop Difference, щоб допомогти нам.
Я сказала хвилину тому, що режим суміші Різниця шукає відмінності між двома шарами, і що будь-які області між двома шарами, які є абсолютно однаковими, виглядають як чисто чорний. Давайте поставимо це на випробування. Я виберу свою оригінальну нестиснену фотографію, і я збираюсь дублювати її фоновий шар у палітрі шарів, натискаючи Ctrl + J (Win) / Command + J (Mac). Зараз у моїй палітрі шарів є два шари - початковий шар "Фон" на дні та копія "Фонового шару", який Photoshop назвав "Шар 1", над ним:
Палітра шарів для оригінальної, нестисненої фотографії, що показує фоновий шар та копію шару "Фоновий" над ним.
Оскільки "Шар 1" є копією фонового шару, обидва шари повинні бути однаковими. Ми можемо використовувати режим суміші Різниця, щоб довести, що вони є. Я перейду до опції "blend mode" у верхній частині палітри шарів та зміню режим накладання для "Layer 1" з "Normal" на "Difference":
Зміна режиму накладання "Шар 1" на "Різниця".
Якщо "Шар 1" встановлений у режимі суміші різниці, якщо я дивлюсь на зображення у вікні документа, я бачу, що все зображення зараз заповнене суцільним чорним кольором, що є способом поєднання "Різниця", який повідомляє мені, що обидва шари є насправді ідентичні:
Зображення тепер повністю заповнене суцільним чорним кольором, що вказує на те, що і "Шар 1", і Шар фону в усіх відношеннях однакові.
Візьмемо ще більше, щоб бути абсолютно впевненими, що все, що ми зараз бачимо на зображенні, - це не що інше, як чисто чорний. Для цього ми будемо використовувати рівень коригування рівнів. Я натискаю на піктограму "Новий коригувальний шар" внизу палітри шарів:
Натиснувши на піктограму «Новий шар коригування» внизу палітри шарів у Photoshop.
Тоді я виберу Рівні зі списку коригувальних шарів, який з’являється:
Натиснувши на піктограму «Новий шар коригування» внизу палітри шарів у Photoshop.
Це відкриває діалогове вікно рівнів. Я можу використовувати гістограму в центрі діалогового вікна, щоб точно побачити, яка тональна інформація відображається на моєму зображенні. Якщо кожен піксель на зображенні відображає чистий чорний колір, що має бути так, якщо обидва мої шари однакові, то все, що я повинен бачити на своїй гістограмі, - це одна вертикальна смуга в лівій частині, яка просто буває саме такою Я бачу:
Гістограма в центрі діалогового вікна "Рівні" відображає єдину вертикальну смугу в лівій частині, що говорить мені, що кожен піксель на моєму зображенні є чисто чорним.
Гістограма підтверджує, що в даний час на моєму зображенні не відображаються інші кольори, крім чистого чорного, це означає, що "Шар 1" та шар "Фон" на 100% однакові. Все йде нормально. Зараз ми довели, що більшість із нас уже знали, що коли ми робимо копію шару, копія всіляко ідентична оригіналу. Захоплюючі речі, правда? Перейдемо далі.
Швидкі коди, дії та фільтри Плагін: Помилка короткого коду (оголошення-основні середини)
Я зараз натискаю кнопку Скасувати у верхньому правому куті діалогового вікна Рівні, щоб поки що вийти з неї, і я видаляю "Шар 1" зі своєї палітри шарів, натиснувши на неї та перетягнувши її вниз на піктограму сміття:
Перетягніть "Шар 1" вниз до значка для сміття в нижній частині палітри Шари, щоб видалити його.
Тепер я знову лишився лише з початковим фоновим шаром:
Палітра шарів, що показує вихідний фоновий шар.
Тепер давайте подивимося, що відбувається, коли ми використовуємо абсолютно той самий метод, щоб порівняти нестиснену версію фотографії із стислою її версією. Як я вже згадував, побачити різниці між ними непросто, просто подивившись їх на екран комп’ютера, але давайте з’ясуємо, що про це має сказати режим суміші Різниця. Коли кожна версія моєї фотографії відкриється у власному вікні документа, я натискаю все вікно документа стисненої версії (те, що ліворуч), за допомогою інструменту Move Tool і перетягую зображення у вікно документа нестисненої версії (на право):
Використовуючи інструмент "Переміщення" та перетягування стиснутої версії зображення зліва у вікно документа нестисненої версії праворуч.
Оскільки обидва зображення мають однакові розміри пікселів (ширина та висота), я затримаю клавішу Shift та відпущу кнопку миші, яка ідеально вирівняє два зображення у вікні документа:
Обидва зображення тепер вирівняні ідеально один над одним у одному вікні документа.
Якщо я заглянув у свою палітру шарів, я можу побачити, що тепер у мене знову два шари. Нестиснута версія зображення знаходиться на фоновому шарі, а версія, яка була збережена у 60% якості зображення, тепер вище за неї на "Шар 1":
Палітра шарів, що показує нестиснуту версію на шарі "Фон" та стиснуту версію на "Шар 1".
Я збираюся ще раз змінити режим суміші "Шар 1" з "Нормального" на "Різниця":
Зміна режиму накладання "Шар 1" на "Різниця".
І тепер, коли режим суміші "Шар 1" встановлений на "Різниця", якщо дійсно немає різниці між стислими та нестисненими версіями фотографії, я не бачу нічого, крім чистого чорного, коли я дивлюсь на своє зображення в вікно документа:
Вікно документа після зміни режиму накладання "Шару 1" (стисла версія фотографії) на "Різниця".
Хм. Чи можете ви бачити весь цей слабкий шум на зображенні вище? Це залежатиме від налаштування монітора. Можливо, ви просто бачите чорний колір, але я можу помітити на екрані, що це точно не чистий чорний колір, як це було раніше, коли ми порівнювали фоновий шар з ідентичною його копією. Там є щось інше, і це «щось інше» говорить нам про те, що стислі та нестиснуті версії фотографії не є однаковими. Але наскільки вони різні? Чи насправді стиснення jpeg.webp настільки багато?
Давайте ще раз скористаємося рівнем коригування рівнів і нехай відповість на це запитання Гістограма. Я натискаю на піктограму New Adjustment Layer у нижній частині палітри шарів та вибираю зі рівня зі рівня:
Вибір рівня коригування "Рівні" в палітрі шарів.
Це знову відкриває діалогове вікно Рівні. Згадаймо з минулого разу, що в гістограмі на крайній лівій панелі відображалась одна вертикальна смуга, яка казала нам, що на нашому зображенні немає нічого іншого, крім чистого чорного. Цього разу ми бачимо щось дещо інше:
Гістограма - це не лише одна вертикальна смуга.
Цього разу, здається, відбувається набагато більше в крайній лівій частині Гістограми, що підтверджує, що мої очі не грали на мене трюків. Напевно є щось інше на зображенні. Єдину вертикальну смугу було замінено на більшу площу чорного кольору, що означає, що саме зображення тепер містить більше, ніж просто чорний, а це означає, що в двох версіях фотографії є ділянки, які вже не однакові.
То що ж відрізняється від них? Простий - сміття. Стиснувши одну версію зображення, ми взяли чисту, незайману інформацію про зображення і додали до неї цілу масу сміття. Шум, мотлох, називайте це, що вам подобається. Суть полягає в тому, що ми пошкодили фотографію. Скільки сміття додав стиснення jpeg.webp? Можливо, це ще не дуже схоже, і все-таки важко це побачити на самому зображенні, тому я збираюся натиснути на маленький білий бігунок в нижній правій частині Гістограми та перетягнути його повністю вліво поки він не знаходиться під місцем, де починається чорний схил:
Перетягування білого повзунка праворуч внизу гістограми вліво до місця початку чорного схилу.
Не вдаючись до тривалої дискусії про те, як працює діалогове вікно "Рівні", те, що я щойно зробив, приймає весь цей слабкий шум у зображенні і робить його набагато яскравішим, щоб ми могли бачити це легше. Пам'ятайте, будь-які дивні кольори, які ви бачите, являють собою області, які відрізняються між оригінальною, нестисненою версією фотографії та версією, збереженою за допомогою стиснення jpeg.webp:
Шум тепер набагато видніший на зображенні.
Не гарне видовище, чи не так? Тепер, коли ми можемо бачити речі легше, усі ці дивні кольори представляють всю шкоду, яку ми завдали образу, стиснувши його. Зображення зараз наповнене тим, що зазвичай називають "артефактами стиснення", що є просто фантазійним способом сказати: "Ми взяли вашу ідеально хорошу інформацію про зображення і переплутали її все". Стиснення зображення у форматі jpeg.webp може значно зменшити розмір вашого файлу, але, як показує нам режим суміші різниці, він також може значно знизити якість зображення. Знову ж таки, не завжди легко помітити, як завдано шкоди вашому зображенню, переглядаючи його на екрані комп'ютера, але ви неодмінно помітите різницю при друкуванні з високою роздільною здатністю.
Отже, коли ми побачили, скільки шкоди ми можемо зробити цифровій фотографії, стиснувши її, що ми можемо з цим зробити? На жаль, не багато. Формат jpeg.webp як і раніше найкращий варіант для збереження цифрових фотографій, і коли розмір файлу є проблемою, у нас дійсно немає іншого вибору, як стискати їх. Якщо ви працюєте над проектом для Інтернету, зазвичай ви можете піти з невеликим стисненням, перш ніж якість зображення стане проблемою, але якщо ваш проект буде надруковано, ви хочете використовувати оригінальні, нестиснені зображення коли можливо. І там ми його маємо!