Путаница вокруг разрешения широко распространена и понятна. Один и тот же термин используется для описания разных вещей в зависимости от контекста: камера говорит о мегапикселях, Photoshop — о PPI, типография просит 300 DPI, а Google рекомендует, чтобы изображения для веба имели «достаточное разрешение для экранов Retina». Кажется, что каждая программа и каждый специалист использует терминологию по-своему.
Эта статья расставляет каждое понятие на своё место, объясняя, как они связаны и что действительно важно в каждой практической ситуации.
Что такое пиксель
Пиксель — сокращение от picture element — элемент изображения. Это наименьшая единица растрового цифрового изображения: единая, неделимая точка цвета.
Цифровое изображение — это прямоугольная сетка пикселей. Каждый пиксель хранит значение цвета, обычно представленное тремя каналами: красный (R), зелёный (G) и синий (B), каждый со 256 возможными уровнями (0–255). Это даёт 256³ = 16,7 миллиона возможных цветов на пиксель в 8-битной модели RGB.
Пиксель — абстрактная единица: у него нет собственного физического размера. Пиксель не большой и не маленький: это просто значение цвета в сетке. Размер, который он занимает в физическом мире, полностью зависит от контекста отображения или печати.
Это различие лежит в основе всей путаницы вокруг разрешения: пиксели существуют в абстрактном пространстве, без физических измерений. Когда мы говорим о разрешении, мы всегда говорим о том, как эти абстрактные пиксели отображаются в физическое пространство — будь то экран или бумага.
Что такое разрешение изображения
«Разрешение» — термин с двумя разными значениями, которые часто путают:
- Разрешение как общие размеры в пикселях: «это изображение имеет разрешение 3840×2160 пикселей». Здесь разрешение просто описывает количество пикселей по ширине и высоте. Изображение «высокого разрешения» в этом смысле имеет много пикселей — больше деталей, больше возможностей для увеличения или крупной печати.
- Разрешение как плотность: «у этого изображения 300 DPI». Здесь разрешение описывает, сколько пикселей (или точек) помещается в единицу физической длины. Это соотношение между цифровым пространством (пикселями) и физическим пространством (сантиметрами, дюймами).
Первое значение — общие размеры в пикселях — определяет качество и «размер» цифрового изображения. Второе — плотность — имеет смысл только тогда, когда изображение нужно отобразить на физический размер, например при печати.
Что такое PPI — Pixels Per Inch
PPI означает пикселей на дюйм (pixels per inch). Это мера плотности пикселей на экране или в цифровом изображении. Описывает, сколько пикселей приходится на каждый линейный дюйм длины.
Монитор Full HD с диагональю 24 дюйма имеет разрешение 1920×1080 пикселей. Физическая ширина экрана — примерно 21,5 дюйма. Тогда: 1920 ÷ 21,5 ≈ 89 PPI. Каждый дюйм экрана содержит 89 пикселей.
iPhone 15 Pro имеет экран 6,1 дюйма с разрешением 2556×1179 пикселей. Физическая ширина: 2,82 дюйма. Тогда: 2556 ÷ 2,82 ≈ 460 PPI — более чем в 5 раз выше плотности обычного монитора.
PPI экрана определяет чёткость: чем выше PPI, тем меньше отдельные пиксели, тем труднее их различить невооружённым глазом и тем чётче выглядит изображение. Экран «Retina» от Apple получил такое название потому, что на обычном расстоянии использования человеческий глаз не может различить отдельные пиксели при плотности выше 300 PPI.
📐 PPI — свойство экрана, а не изображения. PPI монитора фиксирован — он определяется разрешением и физическим размером экрана. Изображение 1200×800 пикселей, показанное на мониторе с 89 PPI, занимает определённый размер; то же изображение на мониторе с 460 PPI выглядит в четыре раза меньше, потому что каждый пиксель физически меньше.
Что такое DPI — Dots Per Inch
DPI означает точек на дюйм (dots per inch). Изначально термин относится к плотности точек чернил, которые принтер наносит на бумагу. Принтер на 600 DPI ставит 600 точек чернил на каждый линейный дюйм бумаги.
В обиходе графического дизайна DPI и PPI используются как синонимы для описания плотности пикселей изображения, предназначенного для печати. Когда типография просит «файл в 300 DPI», она просит, чтобы изображение имело 300 пикселей на каждый дюйм финального размера печати.
Связь между пикселями, PPI/DPI и физическим размером
Вот центральное уравнение, объясняющее всё:
Физический размер (дюймы) = Общее число пикселей ÷ Плотность (DPI или PPI)
Примеры с одним и тем же изображением шириной 3000 пикселей:
| Плотность (DPI) | Итоговая физическая ширина | Типичное использование |
|---|---|---|
| 72 DPI | 3000 ÷ 72 = 41,7 дюйм. (106 см) | Старый экран низкого разрешения |
| 96 DPI | 3000 ÷ 96 = 31,25 дюйм. (79 см) | Стандартный монитор Windows |
| 150 DPI | 3000 ÷ 150 = 20 дюйм. (51 см) | Приемлемая домашняя печать |
| 300 DPI | 3000 ÷ 300 = 10 дюйм. (25,4 см) | Профессиональная полиграфическая печать |
| 600 DPI | 3000 ÷ 600 = 5 дюйм. (12,7 см) | Высокоточная печать (очень мелкий текст) |
Обратите внимание, что изображение не меняется — 3000 пикселей одинаковы во всех случаях. Меняется то, как эти пиксели распределены в физическом пространстве. При 300 DPI каждый пиксель занимает 1/300 дюйма. При 72 DPI тот же пиксель занимает 1/72 дюйма — более чем в 4 раза больше. Поэтому изображение, напечатанное при 72 DPI, выглядит «пиксельным»: каждый пиксель достаточно велик, чтобы быть видимым по отдельности.
Что такое мегапиксели
Мегапиксель означает 1 миллион пикселей. Камера на 12 мегапикселей создаёт изображения примерно с 12 миллионами пикселей. Типичное разрешение 12 МП — 4032×3024 пикселя — а 4032 × 3024 = 12 192 768 пикселей, что округлённо даёт заявленные «12 мегапикселей».
| Мегапиксели | Типичное разрешение | Макс. размер при 300 DPI |
|---|---|---|
| 8 МП | 3264 × 2448 px | 27,7 × 20,8 см |
| 12 МП | 4032 × 3024 px | 34,2 × 25,6 см |
| 24 МП | 6000 × 4000 px | 50,8 × 33,9 см |
| 48 МП | 8064 × 6048 px | 68,3 × 51,2 см (A1+) |
| 108 МП | 12032 × 9000 px | 101,9 × 76,2 см |
Практический вывод: любой современный смартфон (12 МП и выше) имеет разрешение более чем достаточное для печати в формате A4 при 300 DPI. Камера телефона не является ограничением для обычных форматов.
Почему «72 DPI» стало ассоциироваться с «для веба»
Это одна из самых старых и самых неправильно понимаемых условностей цифрового дизайна. Происхождение историческое: в 1980-х годах первые мониторы Macintosh имели примерно 72 пикселя на дюйм. Система Apple использовала 72 PPI как ориентир, потому что это упрощало соответствие между экраном и печатью: 1 типографский пункт = 1/72 дюйма. Photoshop принял 72 PPI как стандарт для экранных документов, и эта условность закрепилась.
Современные мониторы имеют плотность от 90 до 140 PPI. Современные iPhone достигают 460 PPI. Значение 72 PPI полностью устарело как описание экранов.
Самое важное следствие: значение DPI в метаданных цифрового изображения никак не влияет на отображение на экране. Изображение 1200×800px с метаданным «72 DPI» и другое с «300 DPI» отображаются в браузере идентично — потому что браузер игнорирует это метаданное и показывает пиксель файла как пиксель экрана. Метаданное DPI важно только тогда, когда изображение открывается в программе, которая будет его печатать.
💡 Итоговый вывод про «72 DPI для веба»: это устаревшая историческая условность, которая сохраняется по инерции. Для изображений в вебе важны размеры в пикселях — не DPI. Изображение 1920×1080px подходит для монитора Full HD независимо от того, указано ли в метаданных 72 DPI или 300 DPI.
Экраны Retina и коэффициент @2x
Apple выпустила экраны Retina на iPhone 4 (2010) с 326 PPI — примерно вдвое больше PPI мониторов того времени. Принятым решением стало разделение логического пикселя и физического пикселя:
- Логический пиксель (CSS pixel): единица, используемая в коде. Изображение, заданное как
width: 300pxв CSS, занимает 300 логических пикселей. - Физический пиксель: реальная точка экрана. На экране Retina @2x каждый логический пиксель рендерится 4 физическими пикселями (2×2). На экране @3x каждый логический пиксель соответствует 9 физическим пикселям.
В результате растровые изображения выглядят размытыми на экранах с высокой плотностью, если они не предоставлены в достаточном разрешении. Решение — предоставлять изображения с удвоенными (или утроенными) размерами отображения:
- Изображение отображается шириной 300px → предоставьте 600px (@2x) или 900px (@3x)
- Для галереи с изображениями 800×600px → предоставьте файлы 1600×1200px
Используйте Изменение Размера Изображения ImageTools, чтобы точно настроить размеры перед загрузкой.
Разрешение для печати: расчёт необходимых пикселей
Исходя из уравнения Пиксели = Физический размер × DPI:
| Формат печати | Физические размеры | Необходимые пиксели (300 DPI) | Прибл. мегапикселей |
|---|---|---|---|
| Фото 10×15 см | 3,94 × 5,91 дюйм. | 1181 × 1772 px | 2,1 МП |
| Фото 13×18 см | 5,12 × 7,09 дюйм. | 1535 × 2126 px | 3,3 МП |
| Фото A5 (15×21 см) | 5,91 × 8,27 дюйм. | 1772 × 2480 px | 4,4 МП |
| Фото A4 (21×29,7 см) | 8,27 × 11,69 дюйм. | 2480 × 3508 px | 8,7 МП |
| Постер A3 (29,7×42 см) | 11,69 × 16,54 дюйм. | 3508 × 4961 px | 17,4 МП |
| Баннер 100×70 см (150 DPI) | 39,37 × 27,56 дюйм. | 5906 × 4134 px | 24,4 МП |
Для баннеров и крупноформатных материалов, рассматриваемых издалека, обычно достаточно 150 DPI. Для настольной печати (визитка, фото, буклет) стандарт — 300 DPI.
Разрешение для экранов: что действительно важно
Для изображений, предназначенных для экранов и веба, забудьте о DPI. Практические правила таковы:
- Задавайте размер как пространство отображения × коэффициент экрана. Для баннера шириной 1440px на экранах @2x предоставьте 2880px. Для изображения товара, отображаемого в 600px, предоставьте 1200px.
- Не отправляйте изображения больше, чем нужно. Фото 4032×3024px для отображения в 800×600px на сайте — это расточительство: браузер загружает в 12 раз больше пикселей, чем использует.
- Метаданное DPI никак не влияет на веб. Экспорт «в 72 DPI» или «в 300 DPI» для веба не имеет значения — важно число пикселей.
Точно настройте размеры в пикселях
Измените размер изображений до точных размеров отображения или печати — без искажения пропорций.
Изменить размер изображения бесплатноПочему увеличение DPI изображения не улучшает качество
Это, пожалуй, самая раздражающая и распространённая путаница. Есть два способа изменить DPI в Photoshop (в Изображение → Размер изображения):
- Без передискретизации: число пикселей не меняется. Photoshop просто пересчитывает физический размер печати. Изображение 720×540px при 72 DPI становится изображением 720×540px при 300 DPI — те же пиксели, в меньшем физическом пространстве. Качество не улучшилось.
- С передискретизацией: Photoshop создаёт новые пиксели путём интерполяции — вычисляя промежуточные значения между существующими пикселями. Результат имеет больше пикселей, но они «придуманы». Изображение выглядит сглаженным или размытым, но никогда не более чётким. Деталь, которой не было на исходном фото, невозможно создать математикой.
Вывод: единственный способ получить больше реальных пикселей — начать с изображения изначально более высокого разрешения. Изменение DPI в Photoshop не создаёт деталей — оно лишь перераспределяет существующие пиксели в разные физические пространства.
Разрешение видео: как оно связано с изображением
| Разрешение видео | Размеры в пикселях | Мегапикселей на кадр |
|---|---|---|
| HD (720p) | 1280 × 720 px | 0,9 МП |
| Full HD (1080p) | 1920 × 1080 px | 2,1 МП |
| 4K UHD | 3840 × 2160 px | 8,3 МП |
| 8K UHD | 7680 × 4320 px | 33,2 МП |