Коротко
PPI — пиксели на дюйм: насколько плотно упакованы пиксели изображения или экрана. DPI — точки на дюйм: сколько капель краски наносит принтер. Их часто используют как синонимы, и на практике в большинстве случаев от вас требуют именно PPI, даже если написано DPI.
Плотность пикселей экрана
PPI дисплея следует из его разрешения и диагонали:
PPI = √(ширина² + высота²) ÷ диагональ в дюймах
Матрица 1920 × 1080 в мониторе 24 дюйма — это √(1920² + 1080²) = 2202,9 пикселя по диагонали, ÷ 24 = 91,8 PPI. То же разрешение на ноутбуке 15,6 дюйма — 141 PPI, поэтому текст на ноутбуке выглядит чётче. Телефоны находятся в диапазоне 400–500 PPI, далеко за пределами того, что глаз различает на расстоянии вытянутой руки.
PPI файла изображения
Файл изображения — просто сетка пикселей; физического размера у него нет, пока вы его не зададите. PPI — метка, которая говорит, в каком размере печатать:
размер отпечатка = пиксели ÷ PPI
Фото 3000 × 2000 при 300 PPI печатается размером 10 × 6,7 дюйма (25,4 × 16,9 см). Тот же файл при 150 PPI печатается 20 × 13,3 дюйма, причём сам файл не меняется. Одна только смена метки PPI никогда не добавляет деталей.
Какое разрешение нужно для печати?
- 300 PPI: фотоотпечатки и всё, что держат в руках. Обычная цель.
- 150–200 PPI: постеры и вывески, которые видят с метра и дальше.
- 100 PPI и меньше: билборды и баннеры, которые смотрят издали, где это не видно.
В обратную сторону: отпечатку 10 × 15 см при 300 PPI нужно 1200 × 1800 пикселей, что даёт почти любой телефон. Постеру A2 при 200 PPI нужно около 3300 × 4700.
Где DPI действительно означает точки
Струйный принтер с 1200 или 4800 DPI описывает капли краски, и ему нужно несколько капель, чтобы смешать цвет одного пикселя. Поэтому принтеру на 1200 DPI вполне хватает изображения 300 PPI. Сканеры — другое место, где число буквально: сканирование при 600 DPI действительно снимает 600 точек на дюйм оригинала, и именно его нужно повышать, чтобы увеличить маленькое фото или негатив.
Почему PPI экрана не меняет веб-изображения
Веб-изображение измеряется в пикселях CSS, а не в дюймах, поэтому его метка PPI игнорируется. На экране высокой плотности важно дать достаточно реальных пикселей, обычно в два-три раза больше размера в вёрстке, — для этого и нужны версии ресурса 2x и 3x.
Инструменты
Калькулятор PPI даёт плотность, шаг точки и соотношение сторон экрана по его разрешению и размеру. Изменить размер изображения меняет размеры в пикселях, Обрезать изображение подгоняет фото под форму отпечатка, а Калькулятор соотношения сторон сохраняет форму.