Калькулятор DPI / PPI екрану

Що таке DPI екрана?

DPI (точок на дюйм) або PPI (пікселів на дюйм) вимірює щільність пікселів дисплея — скільки пікселів упаковано в кожен дюйм екрана. Вищий DPI означає чіткіший текст та зображення. Монітор 4K має більше пікселів, ніж монітор 1080p того самого фізичного розміру, що дає вищий DPI та чіткішу картинку.

Цей інструмент розраховує DPI за роздільною здатністю та фізичним розміром вашого екрана. Він також допомагає визначити ідеальну відстань для перегляду та чи вважається дисплей «Retina» або «HiDPI» — де окремі пікселі занадто маленькі, щоб їх побачити при нормальній відстані, створюючи плавне, схоже на друкований матеріал, візуальне враження.

Як користуватися цим інструментом

Введіть роздільну здатність вашого екрана (ширина × висота в пікселях) та фізичний діагональний розмір (в дюймах). Інструмент розраховує значення DPI/PPI та показує фактичні піксельні розміри на дюйм. Він також показує, як ваш дисплей порівнюється із загальними стандартами та на якій відстані пікселі стають невидимими для людського ока.

Поширені значення DPI дисплеїв

• 96 DPI — традиційний стандарт Windows, типовий для старих моніторів.
• 110–140 DPI — типовий для сучасних моніторів 24–27 дюймів при 1080p–1440p.
• 220–260 DPI — дисплеї Retina/HiDPI (MacBook, iPhone, флагманські телефони Android).
• 300+ DPI — преміум-смартфони та планшети. Окремі пікселі невидимі на будь-якій нормальній відстані.

DPI в дизайні та розробці

Дизайнери повинні враховувати різний DPI при створенні цифрових ресурсів. Зображення, що виглядає чітким на стандартному моніторі 96 DPI, може виглядати розмитим на дисплеї Retina. Саме тому веброзробники надають зображення з роздільною здатністю 2× та 3× за допомогою srcset. CSS використовує медіа-запити device-pixel-ratio для адаптації стилів. Розуміння DPI є необхідним для створення ресурсів, що виглядають чіткими на всіх дисплеях.

Приклад розрахунку

27-дюймовий монітор із роздільністю 2560×1440 має діагональну кількість пікселів √(2560² + 1440²) ≈ 2938 пікселів. Поділивши на 27-дюймову діагональ, отримуємо близько 109 PPI. Та сама роздільність 2560×1440 на 24-дюймовій панелі стискає пікселі щільніше, до приблизно 122 PPI, що виглядає помітно чіткіше.

Поширені помилки

Найпоширеніша помилка — плутати PPI (пікселів на дюйм на екрані) з DPI (точок на дюйм у друці); вони вимірюють різне, попри часте взаємозамінне вживання. Інша — порівнювати лише роздільність: 1920×1080 виглядає чітко на 13-дюймовому ноутбуці, але грубо на 32-дюймовому моніторі, бо чіткість задає щільність пікселів, а не сама роздільність.

Часті запитання

У чому різниця між DPI та PPI?

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

Який DPI вважається якістю «Retina»?

Apple ввела поняття «Retina display» для екранів, де пікселі неможливо розрізнити при типовій відстані перегляду. Для телефонів (~25 см): близько 300+ PPI. Для планшетів (~38 см): близько 264 PPI. Для ноутбуків (~50 см): близько 220 PPI. Для настільних моніторів (~70 см): 110–140 PPI може виглядати чітко. Поріг залежить від відстані перегляду — далі означає, що нижчий PPI все одно виглядає чітко.

Який PPI вважається дисплеєм Retina або з високою щільністю?

Фіксованого числа немає; воно залежить від відстані перегляду. Маркетинг Retina від Apple почався близько 220 PPI для ноутбуків на відстані приблизно 50 см і 326 PPI для ближчих телефонів. Принцип у тому, що на нормальній відстані пікселі стають нерозрізненними для ока, тож більшим і віддаленішим екранам потрібно менше PPI, щоб виглядати чітко.