Більшість плутанини щодо роздільної здатності зображень виникає через змішування двох різних питань: скільки деталей містить це зображення? і яким великим воно буде, коли я його кудись розміщу? Пікселі відповідають на перше. DPI та PPI відповідають на друге — але лише для друку. На екрані DPI не робить взагалі нічого. Щойно це вкладеться в голові, уся тема стає простою.

Розплутаймо це.

Пікселі — єдиний справжній вимір деталей

Роздільна здатність зображень простими словами: пікселі, DPI та PPI (і коли що важливе) — visual 1
Пікселі — єдиний справжній вимір деталей

Зображення — це сітка кольорових крапок, які називають пікселями. Фото розміром 3000 × 2000 містить шість мільйонів із них, і ця кількість фіксується в мить, коли картинку знято чи експортовано. Це фактична, чесна кількість інформації у файлі. Усе інше — DPI, розмір друку, «300 DPI для друку» — це лише інструкції про те, як розподілити ці пікселі у фізичному світі.

Ось чому перше, що варто перевірити щодо будь-якого зображення, — його розміри в пікселях, а не DPI. Зображення на 300 DPI, яке має лише 500 px завширшки, — це крихітне зображення з великою наліпкою.

PPI проти DPI: це не одне й те саме слово двічі

Роздільна здатність зображень простими словами: пікселі, DPI та PPI (і коли що важливе) — visual 2
PPI проти DPI: це не одне й те саме слово двічі

Люди вживають їх як взаємозамінні, але вони описують різні речі.

  • PPI (пікселів на дюйм) описує, наскільки щільно упаковані пікселі зображення при відображенні чи друку. Це властивість зображення та його передбачуваного розміру.
  • DPI (крапок на дюйм) описує, скільки чорнильних крапок принтер кладе на дюйм. Це властивість апаратної частини принтера.

У повсякденному вжитку — при зміні розміру фото, підготовці чогось до друку — число, яке ви насправді задаєте, це PPI, навіть якщо програма підписує його «DPI». Ця відмінність рідко вам шкодить, але знання, що PPI про зображення, а DPI про принтер, тримає уявну модель у порядку.

Чому DPI не має значення на екрані

Ось частина, яка всіх збиває. Телефон чи монітор відображає зображення піксель у піксель. Допис в Instagram розміром 1080 × 1080 використовує рівно 1 166 400 пікселів незалежно від того, чи каже метадані файлу 72 DPI або 300 DPI. Тег DPI на екранах ігнорується повністю. Тож стара порада «зберігати веб-зображення на 72 DPI» — нешкідливий пережиток: вона нічого не змінює в тому, як зображення виглядає онлайн. Для всього, що живе на екрані, задавайте розмір у пікселях і забудьте, що DPI існує.

Де DPI/PPI справді важливий: друк

Друк фізичний, тож потребує перекладу з пікселів у дюйми. Стандарт для чіткого фотодруку — 300 PPI. Щоб знайти потрібні розміри в пікселях, помножте розмір друку на 300:

Розмір друку Потрібно пікселів при 300 PPI
4 × 6 дюймів (листівка) 1200 × 1800
5 × 7 дюймів 1500 × 2100
8 × 10 дюймів 2400 × 3000
A4 (8.27 × 11.7 дюйма) 2480 × 3508
12 × 18 дюймів (постер) 3600 × 5400

Прочитайте цю таблицю навпаки — і вона стає правилом: розділіть ширину зображення в пікселях на 300, щоб побачити найбільший чіткий друк, який воно може дати. Фото завширшки 3000 px чудово друкується до 10 дюймів. Розтягніть його до постера на 20 дюймів — і кожен піксель має вкрити вдвічі більшу площу — деталі стають м'якими. Великі відбитки, які розглядають з відстані, можуть опуститися до 150 PPI і все ще виглядати добре — ось чому білборди зблизька дивовижно низької роздільної здатності.

Практичний висновок

Два правила покривають майже кожну реальну ситуацію:

  1. Для екранів — задавайте розмір у пікселях, узгоджуйте з ціллю відображення, ігноруйте DPI. Дивіться гід Як змінити розмір зображення, щоб правильно задати розміри в пікселях.
  2. Для друку — починайте з фізичного розміру, множте на 300 (або 150 для великого-і-віддаленого) і переконайтеся, що ваше зображення справді має стільки пікселів. Якщо ні — вам потрібен оригінал вищої роздільної здатності; збільшення його не врятує.

Коли вам справді треба змінити розміри зображення в пікселях для будь-якої з цілей, зробіть це у своєму браузері:

Зміна розміру працює в пікселях чи відсотках із фіксацією співвідношення сторін, і все виконується локально на вашій машині — нічого не завантажується, і працює офлайн після першого візиту. Задайте розмір у пікселях, який потрібен цілі, а про DPI дасть собі раду саме.