Обновлено: 1 мая 2026 г.

Рассчитать пиксели

Задача подготовить макет к печати, адаптировать баннер под ретина-дисплей или загрузить фотографию на площадку с жёсткими ограничениями по разрешению требует точного значения в пикселях. Рассчитать пиксели можно за один шаг, если известны физические размеры будущей картинки и целевая плотность точек на дюйм. Без привязки к PPI цифры в спецификации графического редактора не имеют смысла: 1000 px на экране смартфона займут половину ширины, а на рекламном стенде растянутся на несколько метров.

Как рассчитать пиксели: базовая формула и PPI

Параметр PPI (Pixels Per Inch) определяет, сколько квадратных точек размещается на отрезке в 2,54 см. Зная эту плотность и требуемый физический размер, вы получаете точные габариты в пикселях.

Базовые формулы расчёта:

px = дюймы × PPI
px = (мм ÷ 25,4) × PPI
дюймы = px ÷ PPI
мм = (px ÷ PPI) × 25,4

Пример расчёта: Необходимо подготовить изображение для печати визитки 90 × 50 мм при стандарте 300 PPI.

Переводим миллиметры в дюймы: 90 ÷ 25,4 ≈ 3,54 дюйма, 50 ÷ 25,4 ≈ 1,97 дюйма.
Умножаем на плотность: 3,54 × 300 ≈ 1063 px, 1,97 × 300 ≈ 591 px.
Итоговое разрешение для экспорта: 1063 × 591 px.

Система автоматически проверит корректность введённых данных и выдаст результат для любых комбинаций входных параметров.

Таблица стандартных значений PPI для разных задач

Выбор плотности зависит от носителя и дистанции просмотра. Занижение значения приводит к пикселизации, завышение – к неоправданному увеличению файла и времени рендеринга без видимого улучшения детализации.

Тип задачи	Рекомендуемый PPI	Примечание
Вывод на монитор, веб-дизайн	72–96	Базовый стандарт экрана и CSS
Мобильные приложения, UI/UX	160–326	Учитывает коэффициент масштабирования
Журналы, буклеты, фотокниги	300	Полиграфический стандарт качества
Плакаты А2–А1	150–200	Оптимально при расстоянии 1–2 м
Наружная реклама, билборды	72–100	Рассчитывается на дальнее расстояние

При подготовке макетов для типографии всегда уточняйте технические требования у менеджера производства. Некоторые офсетные линии требуют файла строго 300 PPI при 100% масштабе, а цифровые машины допускают адаптацию до 250 PPI без потери чёткости мелких шрифтов.

Как правильно рассчитать пиксели для разных задач?

Алгоритм выбора параметров меняется в зависимости от конечного устройства вывода. В 2026 году стандарты отображения разделились на три чётких направления, каждое из которых требует своего подхода к расчётам.

Печать и полиграфия Здесь важен линейный размер. Вы задаёте ширину и высоту в сантиметрах или миллиметрах, выбираете 300 PPI и получаете фиксированную матрицу пикселей. Интерполяция при масштабировании недопустима: типография примет файл только с исходной детализацией. Если растровый логотип оказался маленьким, пересоздайте его в векторе.

Веб-интерфейсы и мобильные приложения Расчёт строится на логических CSS-пикселях и коэффициентах плотности (devicePixelRatio). Современные смартфоны имеют физические матрицы с плотностью 400–500 PPI, но браузер рендерит макет исходя из стандартной сетки. Для иконок и изображений экспортируйте версии 1x, 2x и 3x, умножая базовое разрешение на коэффициент экрана. Это предотвратит размытие на HiDPI-дисплеях.

Видеопроизводство и стриминг Здесь работают стандартизированные разрешения: 1920 × 1080 (Full HD), 2560 × 1440 (2K), 3840 × 2160 (4K UHD). Плотность точек не учитывается, важны строгие пропорции 16:9 или 21:9. При расчёте битрейта ориентируйтесь на количество пикселей в кадре: чем выше разрешение, тем больше данных требуется для сохранения детализации без артефактов сжатия.

Влияние соотношения сторон и интерполяции

Геометрия изображения не должна конфликтовать с целевым форматом. Если исходник имеет пропорции 4:3, а задача требует 16:9, автоматическое растягивание исказит объекты, а обрезка удалит часть композиции.

Решения:

Обрезка (Crop): сохраняет плотность, жертвуя кадрированием.
Добавление фона (Padding): добавляет пустые пиксели до нужных пропорций без искажений.
Генеративное заполнение: ИИ-алгоритмы дорисовывают недостающие области, сохраняя исходное разрешение и PPI.

Любой метод изменения количества пикселей после экспорта оригинала использует математическую интерполяцию (билинейную, бикубическую или Lanczos). Качество сохраняется только при уменьшении файла. Увеличение разрешения в графическом редакторе создаёт новые пиксели на основе соседних, что неизбежно снижает чёткость контуров.

Как рассчитать вес изображения по разрешению

Перед загрузкой на хостинг или отправкой в типографию полезно оценить объём несжатых данных. Формула учитывает количество точек и глубину цвета.

Размер_в_байтах = (Ширина_px × Высота_px × Глубина_цвета_бит) ÷ 8

Для стандартного изображения в цветовом пространстве RGB глубина составляет 24 бита (по 8 бит на канал R, G, B). Для CMYK-макета полиграфии – 32 бита (4 канала × 8 бит + альфа-канал при наличии).

Пример: Фото 4000 × 3000 px в формате RGB. (4000 × 3000 × 24) ÷ 8 = 36 000 000 байт ≈ 34,3 МБ.

Реальный файл в формате JPEG или WebP займёт от 3 до 12 МБ благодаря алгоритмам сжатия с потерями и без них. При расчёте пропускной способности сервера учитывайте именно итоговый архивированный вес, а не сырое значение матрицы.

Логические и физические пиксели в современных браузерах

Веб-стандарты разграничивают понятия для корректного отображения интерфейсов. Логический пиксель (CSS pixel) – абстрактная единица сетки, равная 1/96 дюйма. Физический пиксель – реальная светящаяся ячейка матрицы.

Браузер вычисляет масштаб автоматически, опираясь на системные настройки ОС и характеристики экрана. На MacBook с коэффициентом 2х элемент шириной 100 CSS-px будет отрендерен как 200 физических точек. На Android-устройствах с плотностью 3x тот же элемент займёт 300 реальных ячеек.

При верстке избегайте жесткой привязки к абсолютным значениям. Используйте относительные единицы (rem, vw, vh) и медиа-запросы, которые адаптируют сетку под диапазоны ширины viewport. Это гарантирует корректное отображение макета без ручного пересчёта разрешений для каждого устройства.

Контрольный список перед экспортом

Убедитесь, что цветовое пространство соответствует задаче (sRGB для экрана, CMYK для печати).
Проверьте соответствие итогового разрешения требуемой дистанции просмотра.
Отключите ресэмплинг, если файл уже оптимален.
Сохраняйте исходники в форматах без компрессии (TIFF, PSD, PNG) для архива.
Сверяйте пропорции с техническими требованиями площадки или типографии.

Соблюдение этих шагов исключает ситуацию, когда готовый макет размывается при печати или весит неподъёмные мегабайты на сайте.

Часто задаваемые вопросы

В чём разница между PPI и DPI?

PPI показывает количество пикселей на дюйм в цифровом файле или на матрице дисплея. DPI означает физическое количество точек чернила на дюйм, которое воспроизводит печатающая головка. Для цифровой подготовки макетов и расчётов всегда используйте PPI, а параметр DPI указываете только в профиле принтера.

Можно ли увеличить PPI без потери качества?

Исходное количество точек фиксируется при съёмке или экспорте. Повышение PPI в настройках файла лишь уменьшает физический размер печати. Реальное увеличение разрешения требует пересъёмки или нейросетевого апскейлинга, но стандартные алгоритми интерполяции всегда вносят артефакты и размытие.

Почему изображение на экране выглядит крупнее, чем в расчётах?

Современные ОС и браузеры применяют программное масштабирование. Веб-стандарт фиксирует 96 логических пикселей на дюйм, однако матрицы смартфонов и ноутбуков работают с коэффициентами 2х или 3х. Система автоматически размножает элементы, поэтому физическая плотность всегда выше заявленной в вёрстке.

Как рассчитать размер файла изображения по пикселям?

Умножьте ширину на высоту и глубину цвета в битах, затем разделите результат на 8. Для несжатого RGB-файла расчёт выглядит так: (Ширина × Высота × 24) / 8 = байты. Форматы JPEG, PNG и WebP применяют математическое сжатие, поэтому финальный вес на диске уменьшается на 60–90%.

Какое значение PPI выбрать для печати фотографий?

Стандарт для высококачественной фотопечати и журнальной полиграфии составляет 300 PPI. Плакаты и постеры, которые рассматривают с расстояния метра, печатают на 150 PPI. Уличные билборды требуют 72–100 PPI, так как зрителю нет нужды различать мелкую детализацию.

Как перевести сантиметры в пиксели для вёрстки сайта?

В CSS дюйм приравнен к 96 логическим пикселям, поэтому 1 см соответствует примерно 37,8 px. Это виртуальная величина, которую браузер адаптирует под плотность экрана устройства. Точное отображение проверяйте в инспекторе элементов или используйте относительные единицы rem и vw.