Калькулятор плотности пикселей (PPI)
Узнайте физическую плотность пикселей экрана по нативному разрешению и диагонали изображения. Добавьте второй экран для сравнения линейной плотности.
Как рассчитать PPI экрана
- Укажите число пикселей по горизонтали и вертикали из спецификации панели. Не используйте размер окна браузера или разрешение рабочего стола после масштабирования.
- Введите диагональ активной области изображения и выберите дюймы или сантиметры. Смена единицы меняет трактовку введённого числа, а не пересчитывает его.
- Посмотрите приблизительное значение PPI. Для сравнения включите второй экран и задайте его разрешение, диагональ и единицу. В подробностях доступны шаг пикселя и расчётные размеры панели.
Что показывает плотность пикселей
PPI — число физических пикселей на один дюйм длины экрана. Это линейная плотность, а не общее количество пикселей панели.
Для квадратных пикселей диагональ в пикселях равна √(ширина² + высота²). Разделите её на физическую диагональ в дюймах. Диагональ в сантиметрах сначала делится на 2,54.
Шаг пикселя — расстояние между центрами соседних пикселей: 25,4 ÷ PPI в миллиметрах. Ширина и высота рассчитываются по диагонали и пропорциям нативного разрешения.
Чем выше PPI, тем плотнее расположены пиксели на той же длине. На восприятие резкости также влияют расстояние, зрение, отрисовка и свойства панели. Калькулятор не выставляет оценок качества.
Примеры расчёта
Экран 300 × 400 пикселей с диагональю 5 дюймов имеет 100 PPI. Активная область — примерно 3 × 4 дюйма, шаг пикселя — 0,254 мм. При диагонали 12,7 см результат тот же.
При разрешении 1920 × 1080 и диагонали 24 дюйма получается примерно 91,79 PPI и 20,92 × 11,77 дюйма активной области. При том же разрешении увеличение диагонали уменьшает PPI.
У экрана 2560 × 1440 с диагональю 27 дюймов — примерно 108,79 PPI: линейная плотность на 18,52% выше, чем у 24-дюймового Full HD из примера. При 32 дюймах плотность такого экрана примерно равна плотности первого.
Допущения и округление
Модель рассчитана на плоскую прямоугольную активную область с квадратными физическими пикселями. Она не учитывает неквадратные пиксели, субпиксели, особенности измерения изогнутых и складных экранов, оптику VR, корпус и принтерный DPI.
PPI и размеры обычно выводятся с точностью до двух знаков после запятой, шаг пикселя — до четырёх. Для очень малых положительных значений указан порог «менее», для больших — до шести значащих цифр без экспоненты. Сравнение использует неокруглённые значения; разница менее 0,01% считается приблизительно одинаковой плотностью.
Ввод и копирование
Вычисления выполняются в браузере без отправки введённых параметров экрана. Инструмент не сохраняет ввод и не добавляет его в адрес. Копируется текущий корректный результат со ссылкой на страницу; при незавершённом вводе второго экрана — только первый. Сам сайт может загружать рекламу, аналитику и службы согласия.
Вопросы о PPI экрана
Источники
Материалы о физической плотности, пикселях в браузере и переводе единиц:
- eizo.euEIZO — плотность, шаг пикселя и условия просмотра
- developer.mozilla.orgMDN — физические и CSS-пиксели, devicePixelRatio и масштаб
- nist.govNIST B.8 — точное соотношение: 1 дюйм = 2,54 сантиметра
Проверено 24 октября 2026 года.
Источники объясняют понятия и перевод единиц, но не задают допустимые пределы этого калькулятора и не гарантируют воспринимаемую резкость.
Похожие инструменты
SVG в PNG
Преобразуйте SVG-файл или вставленный код в PNG: задайте размер, прозрачный фон или цвет и используйте встроенные шрифты.
Открыть инструмент — SVG в PNGГенератор CSS-фильтров
Настройте порядок эффектов, сравните образец и скопируйте объявление filter.
Открыть инструмент — Генератор CSS-фильтровКалькулятор плавного размера шрифта
Задайте размеры шрифта для двух значений ширины окна. Скопируйте CSS с единицами rem и изучите модель, рассчитанную по тем же коэффициентам, что и в коде.
Открыть инструмент — Калькулятор плавного размера шрифтаГенератор CSS-кнопок
Настройте состояния кнопки, проверьте фокус клавиатуры и скопируйте HTML и CSS.
Открыть инструмент — Генератор CSS-кнопокГенератор CSS border-radius
Настройте восемь радиусов, посмотрите результат и скопируйте CSS в пикселях или процентах.
Открыть инструмент — Генератор CSS border-radiusГенератор CSS Grid
Создайте пример CSS Grid с дорожками, размещением и именованными областями. Просматривайте, копируйте CSS и HTML или скачивайте полный пример.
Открыть инструмент — Генератор CSS GridГенератор CSS Flexbox
Создайте пример Flexbox с элементами управления контейнером и элементами, явными осями макета, соответствующими CSS и HTML, а также локальной загрузкой полного примера.
Открыть инструмент — Генератор CSS FlexboxГенератор CSS-тени текста
Создавайте упорядоченные тени текста, просматривайте пример и копируйте точный CSS.
Открыть инструмент — Генератор CSS-тени текстаГенератор преобразований CSS
Создавайте повторяемые двумерные преобразования CSS, редактируйте px или процентный перевод и начало координат, проверяйте поле ссылки и копируйте точные текущие объявления.
Открыть инструмент — Генератор преобразований CSSГенератор теней CSS
Создавайте упорядоченные слои box-shadow с предпросмотром и копируйте код.
Открыть инструмент — Генератор теней CSSВодяной знак на изображениях
Добавьте текст или логотип к изображениям, проверьте результаты и скачайте отдельные файлы или ZIP.
Открыть инструмент — Водяной знак на изображенияхГенератор CSS-градиентов
Создавайте линейные и радиальные градиенты с цветами, непрозрачностью и позициями.
Открыть инструмент — Генератор CSS-градиентовКонвертер цветов
Преобразуйте поддерживаемые значения sRGB HEX, RGB и HSL с альфа-каналом и указанной точностью.
Открыть инструмент — Конвертер цветовИзображение в текст (OCR)
Распознавайте печатный текст на локальных PNG и JPEG, выбирайте язык и проверяйте результат перед копированием или скачиванием.
Открыть инструмент — Изображение в текст (OCR)Чтение QR-кода из изображения
Прочитайте один QR-код из локального PNG или JPEG и проверьте текст или байты, не открывая ссылки.
Открыть инструмент — Чтение QR-кода из изображенияПроверка контрастности цветов
Сравните цвета переднего плана и фона, настройте непрозрачность и проверьте числовые пороги контрастности WCAG для текста и важных деталей интерфейса.
Открыть инструмент — Проверка контрастности цветовКалькулятор размера печати и разрешения
Рассчитайте размер отпечатка, нужное число пикселей и фактическое PPI с полями или обрезкой.
Открыть инструмент — Калькулятор размера печати и разрешенияКалькулятор соотношения сторон
Найдите соотношение ширины и высоты или рассчитайте новый размер в пикселях по одной заданной стороне.
Открыть инструмент — Калькулятор соотношения сторонСжатие изображений
Попробуйте уложить JPEG, PNG или WebP в заданный размер файла: проверьте результат и при желании уменьшите размеры изображения.
Открыть инструмент — Сжатие изображенийHEIC в JPG
Преобразуйте поддерживаемые HEIC-фото в полноразмерные JPG в браузере. Настройте качество и фон, скачайте проверенные файлы по отдельности или в ZIP.
Открыть инструмент — HEIC в JPGКонвертер изображений
Конвертируйте поддерживаемые PNG, JPEG и WebP локально, настройте прозрачность, фон и качество и скачайте проверенные результаты.
Открыть инструмент — Конвертер изображенийСоздать фотоколлаж
Расположите фотографии в сетке и скачайте PNG или JPEG.
Открыть инструмент — Создать фотоколлажПоворот и отражение изображений
Поверните или отразите набор локальных статичных PNG, JPEG и WebP, затем проверьте и скачайте обработанные изображения.
Открыть инструмент — Поворот и отражение изображенийОбрезать изображение
Обрежьте локальный JPEG, PNG или WebP с точностью до пикселя и скачайте результат в PNG или JPEG.
Открыть инструмент — Обрезать изображение