Любимые места любимого города
Главная
Добавить в предпочтительные источники Google

Калькулятор плотности пикселей (PPI)

Узнайте физическую плотность пикселей экрана по нативному разрешению и диагонали изображения. Добавьте второй экран для сравнения линейной плотности.

Параметры экрана

Экран 1

При смене единицы число сохраняется и трактуется в новой единице, а не пересчитывается.

Укажите нативное физическое разрешение и диагональ видимой области изображения, без рамки и масштабирования рабочего стола.

Размеры: целые числа от 1 до 100000 пикселей. Диагональ: больше 0, до 1000 дюймов / 2540 см; точка или запятая, до 6 знаков после неё. Без разделителей разрядов. До 32 символов в поле.

Плотность пикселей

Укажите разрешение и диагональ, чтобы узнать PPI.

Физическая плотность для прямоугольной активной области с квадратными пикселями. PPI не измеряет воспринимаемую резкость или CSS-пиксели.

Подробности расчёта
  • PPI = √(ширина² + высота²) ÷ диагональ в дюймах; 1 дюйм = 2,54 см. Шаг пикселя в мм = 25,4 ÷ PPI. Сравнение = 100 × (PPI₂ ÷ PPI₁ − 1), без округления промежуточных значений.

Результаты приблизительные; округление применяется только при выводе. Расчётные размеры не гарантируют точную посадку панели. Точность зависит от указанной диагонали.

Калькулятор соотношения сторонКалькулятор размера печати

Как рассчитать PPI экрана

  1. Укажите число пикселей по горизонтали и вертикали из спецификации панели. Не используйте размер окна браузера или разрешение рабочего стола после масштабирования.
  2. Введите диагональ активной области изображения и выберите дюймы или сантиметры. Смена единицы меняет трактовку введённого числа, а не пересчитывает его.
  3. Посмотрите приблизительное значение 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 экрана

PPI обозначает физические пиксели экрана на дюйм, а DPI обычно относится к точкам печати на дюйм. В описаниях товаров термины иногда смешивают, но этот калькулятор считает пиксели экрана, а не точки принтера.

Разрешение задаёт количество пикселей, но не занимаемое ими пространство. У большего экрана с тем же разрешением меньше пикселей на дюйм. Используйте измеренную диагональ активного изображения или значение из спецификации без рамки корпуса.

Нет. По модели это на 20% больше пикселей на единицу длины. Это не измеренное улучшение воспринимаемой резкости, площади рабочего стола или числа пикселей на единицу площади. Условия просмотра и отрисовка тоже важны.

Самих этих данных недостаточно. devicePixelRatio связывает физические и CSS-пиксели и может меняться при масштабировании страницы. Всё равно нужны нативное разрешение и физическая диагональ; инструмент не определяет их по браузеру.

Источники

Материалы о физической плотности, пикселях в браузере и переводе единиц:

Проверено 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.

Открыть инструмент — Обрезать изображение
Все инструменты этой категории