Хочете отримати найкращі результати при зміні розміру зображень у Photoshop? Почніть з вивчення всього пікселів, розміру зображення та роздільної здатності!

У цьому підручнику я познайомлю вас з трьома важливими темами, які мають важливе значення для роботи з цифровими зображеннями у Photoshop, а це пікселі, розмір зображення та роздільна здатність зображення . Досконале розуміння того, як пікселі, розмір зображення та роздільна здатність пов'язані один з одним, є важливим для досягнення найкращих результатів при зміні розміру зображень як для друку, так і для Інтернету.

Почнемо з вивчення пікселів, основних складових усіх цифрових зображень. Тоді ми дізнаємось, як пікселі пов'язані з розміром зображення. А ми закінчимо, дізнавшись, як розмір зображення та роздільна здатність зображення працюють разом, щоб контролювати розмір друку вашого зображення! Ми навіть розвінчаємо поширену думку, що роздільна здатність має щось спільне з розміром файлу вашого зображення.

Ми дізнаємося все про зміну розміру зображення на наступних уроках цього розділу. Поки почнемо спочатку з вивчення пікселів, розміру зображення та роздільної здатності!

Що таке пікселі?

Термін піксель короткий для "елемент зображення", а пікселі - це крихітні будівельні блоки, які складають усі цифрові зображення. Так само, як малюнок робиться з окремих мазків пензлем, цифрове зображення робиться з окремих пікселів.

У Photoshop при перегляді зображення на нормальному рівні збільшення (100% або менше) пікселі зазвичай занадто малі, щоб помітити. Натомість ми бачимо, як схоже на суцільне зображення із світлом, тінями, кольорами та фактурами, що поєднуються між собою, щоб створити сцену, яка виглядає так, як це було б у реальному світі (зображення від Adobe Stock):

Цифрове зображення відкрите у Photoshop. Кредит зображення: Adobe Stock.

Більш пильний погляд на пікселі

Але як і будь-який добрий магічний трюк, те, що ми бачимо, насправді є ілюзією. А щоб зламати ілюзію, нам просто потрібно придивитися ближче. Щоб переглянути окремі пікселі на зображенні, все, що нам потрібно зробити, - це збільшити масштаб. Я виберу інструмент масштабування на панелі інструментів:

Вибір інструмента масштабування.

Потім я кілька разів натискаю на одне з очей жінки, щоб збільшити його. Кожен раз, коли натискаю, я збільшую масштаб. І якщо я наближую досить близько, ми починаємо бачити, що те, що було схоже на суцільне зображення, - це справді купа крихітних квадратів. Ці квадрати є пікселями:

Збільшення масштабу дозволяє виявити окремі пікселі.

І якщо я наближую ще ближче, ми бачимо, що кожен піксель відображає один колір. Ціле зображення насправді є лише сіткою квадратів одного кольору. Якщо дивитися досить далеко, наші очі поєднують кольори разом, щоб створити образ з великою кількістю деталей. Але близько, саме пікселі створюють наш цифровий світ:

Перегляд пікселів зображення крупним планом, кожен із яких має один колір.

Піксельна сітка

Зауважте, що коли ви збільшуєте досить близько (зазвичай понад 500%), ви починаєте бачити світло-сірий контур навколо кожного пікселя. Це піксельна сітка Photoshop, і вона лише там, щоб полегшити перегляд окремих пікселів. Якщо вам виявиться відволікаюча піксельна сітка, ви можете вимкнути її, перейшовши до меню « Вид » на панелі меню, вибравши « Показати» та виберіть « Піксельна сітка» . Щоб увімкнути його, просто виберіть його ще раз:

Перейдіть до перегляду> Показати> Піксельна сітка.

Зменшення масштабу для перегляду зображення

Щоб зменшити масштаб пікселів і переглянути все зображення, перейдіть до меню « Перегляд » та оберіть « Підгоняти на екрані» :

Перейдіть до перегляду> Fit на екрані.

А тепер, коли ми зменшили масштаб, окремі пікселі знову занадто малі, щоб помітити, і ми знову бачимо ілюзію детальної фотографії:

На нормальній відстані перегляду пікселі змішуються разом для створення зображення.

Дивіться наш повний посібник із навігації по зображеннях у Photoshop

Що таке розмір зображення?

Отже, тепер, коли ми знаємо, що пікселі - це крихітні квадрати кольорів, які складають цифрове зображення, давайте розглянемо пов’язану тему, розмір зображення . Розмір зображення відноситься до ширини та висоти зображення в пікселях. Це також стосується загальної кількості пікселів на зображенні, але це насправді ширина та висота, про які нам потрібно дбати.

Діалогове вікно Розмір зображення

Найкраще знайти інформацію про розмір зображення - у діалоговому вікні Розмір зображення Photoshop. Щоб відкрити його, перейдіть до меню Зображення та виберіть Розмір зображення :

Перехід до зображення> Розмір зображення.

У Photoshop CC діалогове вікно «Розмір зображення» відображає область попереднього перегляду зліва та детальну інформацію про розмір зображення справа. Я розкрию діалогове вікно «Розмір зображення» більш докладно в наступному підручнику. Поки ми просто розглянемо необхідну інформацію:

Діалогове вікно «Розмір зображення» у Photoshop CC.

Розміри пікселів

Ширина та висота зображення в пікселях відомі як його розміри пікселів, а у Photoshop CC ми можемо переглянути їх поруч із словом « Розміри» у верхній частині діалогового вікна. Тут ми бачимо, що моє зображення має ширину 4509 пікселів (px) та висоту 3000 пікселів:

Photoshop CC містить новий варіант Dimensions вгорі.

Якщо параметри відображаються у типі вимірювання, не пікселі, як дюйми чи відсотки, клацніть стрілку поруч із написом "Розміри" та виберіть Пікселі зі списку:

Розміри можуть відображатися в різних типах вимірювань.

Це говорить про те, що моє зображення містить 4509 пікселів зліва направо і 3000 пікселів зверху вниз:

Розміри пікселів зображення.

Пошук загальної кількості пікселів

Щоб визначити загальну кількість пікселів на зображенні, нам просто потрібно помножити значення ширини та висоти разом. Отже, у цьому випадку 4509 х 3000 = 13 527 000, або приблизно 13, 5 мільйонів пікселів. Вам не потрібно знати загальну кількість пікселів. Але коли ви отримаєте більше досвіду зміни розміру зображень, ви побачите, що знаючи загальну кількість пікселів заздалегідь, ви дасте хороше уявлення про те, наскільки великим ви можете роздрукувати зображення, як ми побачимо далі, коли ми розглянемо роздільну здатність зображення.

Що таке роздільна здатність зображення?

Отже, якщо пікселі - це крихітні квадрати кольорів, які складають усі цифрові зображення, а розмір зображення - це кількість пікселів на зображенні зліва направо (ширина) та зверху вниз (висота), що таке роздільна здатність зображення ? Роздільна здатність зображення керує тим, наскільки велика чи мала фотографія буде надрукована на основі її поточного розміру зображення.

Важливо зрозуміти наперед, що роздільна здатність зображення впливає лише на розмір друкованої версії зображення. Це зовсім не впливає на перегляд зображення на екрані. Цю тему я висвітлюю більш докладно у своєму підручнику з міфу щодо роздільної здатності 72 пікселів на дюйм, і ми знову розглянемо її в кінці цього підручника.

Ширина, висота та роздільна здатність

У діалоговому вікні Розмір зображення, якщо ви подивіться нижче слова "Розміри", ви знайдете поля Ширина, Висота та роздільна здатність . Тут ми можемо не лише переглянути поточні налаштування, але і змінити їх:

Параметри ширини, висоти та роздільної здатності.

Варіант Resample

Перш ніж ми підемо далі, якщо ви подивитеся нижче значення роздільної здатності, ви знайдете ще один важливий варіант, який називається Resample . І за замовчуванням Resample увімкнено. Ми дізнаємось про параметр Resample, коли розглянемо, як змінити розмір зображень. Якщо коротко, Resample дозволяє нам змінити кількість пікселів у зображенні:

Варіант Resample.

Чому ви хочете змінити кількість пікселів? Якщо поточний розмір зображення занадто малий для друку вашої фотографії потрібного вам розміру, ви можете використовувати Resample, щоб додати більше пікселів, відомих як розгортання . Або, якщо ви хочете надіслати свою фотографію друзям або завантажити її в Інтернет, а поточний розмір занадто великий, Resample дозволить вам зменшити кількість пікселів, відомих як пониження часу .

Знову ж таки, ми дізнаємося все про збільшення та зменшення розміру, коли розглянемо, як змінити розмір зображень. Поки, щоб побачити, як роздільна здатність впливає на розмір друку зображення, зніміть прапорець Resample, щоб вимкнути його:

Зніміть прапорець біля параметра Resample.

Зміна розміру друку, а не розміру зображення

Як тільки вимкніть Resample, ви помітите, що тип вимірювання для значень Ширина та Висота змінюються. Замість того, щоб переглядати ширину та висоту в пікселях, як я був хвилину тому, я зараз бачу їх у дюймах . І замість того, щоб сказати мені, що моє зображення шириною 4509 пікселів та висотою 3000 пікселів, мені зараз кажуть, що він шириною 15, 03 дюйма та 10 дюймами:

Вимірювання ширини та висоти тепер відображаються в дюймах замість пікселів.

Насправді, якщо ви натиснете на поле вимірювання для ширини чи висоти, ви помітите, що пікселі тепер недосвідчені та недоступні. Це тому, що з вимкненим Resample ми не в змозі змінити фізичну кількість пікселів на зображенні. Все, що ми можемо зробити, - це змінити розмір, який друкуватиме зображення, а розмір друку зазвичай вимірюється в дюймах (або сантиметрах залежно від того, де ви знаходитесь у світі):

Вимкнення Resample заважає нам додавати або видаляти пікселі.

Як працює роздільна здатність зображення?

Роздільна здатність контролює розмір друку зображення, встановлюючи кількість пікселів, які будуть видавлені на кожен дюйм паперу, як вертикально, так і горизонтально. Ось чому значення роздільної здатності вимірюється в пікселях на дюйм або " ppi ". Оскільки зображення має обмежену кількість пікселів, чим більше ми набираємо ці пікселі разом на папері, тим менше зображення друкується.

Наприклад, наразі моє значення роздільної здатності встановлено на 300 пікселів / дюйм. Це означає, що коли я перейду до друку зображення, 300 його пікселів із ширини та 300 пікселів із висоти будуть видавлені на кожен квадратний дюйм паперу. Тепер 300 пікселів можуть здатися не дуже. Але пам’ятайте, що це 300 як із ширини, так і з висоти. Іншими словами, це 300 разів 300, загалом 90 000 пікселів на квадратний дюйм:

Поточна роздільна здатність, виміряна в пікселях / дюйм.

Як визначити розмір друку

Щоб визначити розмір друку зображення, все, що нам потрібно зробити, - це розділити його поточну ширину та висоту в пікселях на значення роздільної здатності. Якщо ми ще раз переглянемо розділ «Розміри» вгорі, ми побачимо, що ширина мого зображення все ще становить 4509 пікселів:

Поточна ширина, в пікселях.

Якщо розділити 4509 за поточним значенням роздільної здатності 300, отримаємо 15, 03. Іншими словами, ширина мого зображення при друкуванні становитиме 15, 03 дюйма, точне значення, показане в полі Ширина:

4509 пікселів ÷ 300 пікселів / дюйм = 15, 03 дюйма.

А ще в розділі «Розміри» ми бачимо, що висота мого зображення все ще становить 3000 пікс:

Поточна висота, у пікселях.

Якщо розділити 3000 на поточну роздільну здатність 300, отримаємо 10. Що означає, що висота зображення при друкуванні буде 10 дюймів, як це показано в полі Висота:

3000 пікселів ÷ 300 пікселів / дюйм = 10 дюймів.

Зміна роздільної здатності змінює розмір друку

Якщо ми змінимо значення роздільної здатності, кількість пікселів на зображенні не зміниться, але розмір друку є. Зауважте, що якщо я зменшу роздільну здатність з 300 пікселів / дюйм до 150 пікселів / дюйм, розміри пікселів залишаться такими ж, як 4509 px x 3000 px. Але ширина і висота обох збільшуються. Оскільки я видавлюю на папір лише половину пікселів на дюйм, як горизонтально, так і вертикально, ширина і висота подвоїлися:

Зниження роздільної здатності збільшує розмір друку.

Зміна розміру друку змінює роздільну здатність

А оскільки все, що ми змінюємо, - це розмір друку, то зміна ширини чи висоти змінить роздільну здатність. Насправді, коли параметр Resample, який ми розглянули раніше, вимкнено, всі три значення (Ширина, Висота та Роздільна здатність) пов'язані між собою. Змінення одного автоматично змінює інші.

Якщо я знижую значення ширини до 10 дюймів, щоб зберегти співвідношення сторін зображення однаковим, Photoshop автоматично змінює значення висоти на 6 653 дюйма. А для відповідності всього зображення новому меншому розміру друку пікселі потрібно буде упаковувати більш щільно, тому значення роздільної здатності зросло до 450, 9 пікселів / дюйм:

Зміна ширини та висоти змінює роздільну здатність.

Чи впливає роздільна здатність зображення на розмір файлу?

Поширена помилкова думка з роздільною здатністю зображення полягає в тому, що це якимось чином впливає на розмір файлу зображення. Багато людей вважають, що перед тим, як надіслати фотографію електронною поштою або завантажити її в Інтернет, потрібно зменшити її дозвіл, щоб зменшити розмір файлу. Це просто неправда. Оскільки зміна роздільної здатності не змінює кількість пікселів на зображенні, це зовсім не впливає на розмір файлу.

Якщо ви подивитесь поруч із словами "Розмір зображення" у верхній частині діалогового вікна, ви побачите число, як правило, показане в мегабайтах (М). У моєму випадку це 38, 7М. Це число відображає розмір зображення в пам'яті комп'ютера. Коли ви відкриєте зображення у Photoshop, зображення скопіюється з вашого жорсткого диска, не стискається з будь-якого формату файлу, в якому воно було збережено, а потім поміщається в пам'ять (ОЗУ), щоб ви могли швидше працювати над ним. Цифра, показана у діалоговому вікні Розмір зображення, - це фактичний, нестиснений розмір зображення:

Розмір зображення в мегабайтах відображається вгорі.

Менша роздільна здатність та розмір файлу

Довести, що роздільна здатність зображення не впливає на розмір файлу, дуже просто. Просто слідкуйте за розміром, змінюючи роздільну здатність. Поки параметр Resample вимкнено, щоб ви не змінювали кількість пікселів на зображенні, то незалежно від того, що ви вибрали для значення роздільної здатності, розмір файлу вгорі завжди залишатиметься однаковим.

Тут я знизив роздільну здатність з 300 пікселів / дюйм аж до 30 пікселів / дюйм. Оскільки так мало пікселів набивається на дюйм паперу, розмір друку збільшився до колосальних 150, 3 дюйма х 100 дюймів. Але навіть при цьому дуже низькому значенні роздільної здатності розмір зображення в пам'яті залишається незмінним у 38, 7 М:

Зниження роздільної здатності друку не впливає на розмір файлу.

Більш висока роздільна здатність та розмір файлу

І ось я збільшив роздільну здатність аж до 3000 пікселів / дюйм. Це зменшує розмір друку лише до 1.503 дюймів x 1 дюйм, але знову ж таки не впливає на розмір файлу, який все ще становить 38, 7 М. Єдиний спосіб зменшити розмір файлу зображення - або зменшити кількість пікселів на зображенні (використовуючи параметр Resample), або зберегти файл у форматі, що підтримує стиснення (наприклад, JPEG.webp), або обом. Просто зміна роздільної здатності друку не змінить розмір файлу:

Збільшення роздільної здатності друку також не впливає на розмір файлу.

То як зменшити кількість пікселів у зображенні? А яке значення роздільної здатності потрібно для отримання високоякісних відбитків? Я відповім на ці запитання та інше в окремих підручниках у цій главі.

І там ми його маємо! Це швидкий погляд на пікселі, розмір зображення та роздільну здатність зображення, три важливі теми, про які потрібно знати, щоб отримати найкращі результати при зміні розміру зображень у Photoshop! У наступному уроці цієї серії ми детальніше ознайомимось із потужною командою розміру зображення Photoshop CC!

Або ознайомтеся з попередніми підручниками цієї серії:

  • 02 - Команда Розмір зображення Photoshop - Особливості та поради
  • 03 - Як змінити розмір зображень для друку
  • 04 - Як змінити розмір зображень для обміну електронною поштою та фотографій
  • 05 - Як обчислити розмір зображення
  • 06 - Правда про роздільну здатність зображення, розмір файлу та Інтернет
  • 07 - Як змінити розмір піксельного зображення
  • 08 - Найкращий спосіб збільшити зображення у Photoshop CC

І не забувайте, всі наші підручники тепер доступні для завантаження у форматі PDF!

Категорія: