Как перевести ppi в пиксели

Как вычислить PPI вручную и с помощью специального инструмента

Плотность пикселей (PPI) является важной качественной характеристикой любого дисплея. Рассказываем, как вычислить PPI вручную или с помощью различных приложений.

Как рассчитать PPI вручную

Плотность пикселей — PPI или Pixels Per Inch — описывает, сколько точек изображения отображается в дюйме дисплея. Чем больше это значение, тем четче будет изображение на экране. Оптимальным значением для экранов смартфонов считается 300 точек на дюйм. Если PPI будет выше, то обычный человеческий глаз не увидит разницы.

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

Так, при разрешении 1920 x 1080 пикселей вы вычисляете квадратный корень из количества пикселей по горизонтали в квадрате плюс количество вертикальных пикселей в квадрате. Это вычисление соответствует теореме Пифагора и при указанном количестве точек изображения дает 2202.91 пикселей по диагонали.

Далее это число надо поделить на диагональ экрана. При 19 дюймах получится PPI = 116 пикселей на дюйм.

Калькулятор для расчета PPI

Проще всего использовать для расчета PPI специальный инструмент-калькулятор. Приложение, которое вы можете использовать для преобразования и расчета многих категорий и единиц, называется NumericalChameleon.

Также в интернете легко найти множество онлайн-сервисов для расчета PPI. Например, этот сайт. Для получения результата надо просто ввести значения разрешения и диагонали дисплея в соответствующие окошки.

Источник

Калькулятор PPI

Для расчета плотности пикселей воспользуйтесь калькулятором.

Плотность пикселей PPI — что это

PPI (Pixels Per Inch) интерпретируется как пиксели на дюйм. Расчет PPI является коэффициентом диагонального размера в пикселях к расширению диагонали в дюймах.

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

Калькулятор PPI отобразит оптимальную плотность пикселей на дюйм для монитора телевизора, телефона или компьютера. Существует множество различных разрешений PPI:

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

Также следует отметить, что PPI является одним из главнейших нормативов качества экрана. Если вы приобретайте гаджет с диагональю экрана, например, 6 дюймов, а его разрешение составляет лишь 720×128, то экран подобного смартфона будет зернистым в следствие того, что в одном дюйме (2,54 см) будет меньшее количество точек и они будут более объемными. В связи с этим изображение будет являться не качественным.

Следовательно, при покупке технического устройства, необходимо обращать внимание не только на его диагональ, но и на показатели PPI в том числе, который вы можете узнать с помощью нашего сервиса.

К тому же человеческий глаз способен различить пиксели при показателях PPI: 300 – 350. Полагается, если плотность пикселей больше, обычный пользователь не сможет их разглядеть невооруженным глазом. Некоторые люди с превосходным зрением способны отличать пиксели вплоть до степени плотности 600 PPI, однако подобные способности являются исключением из правил.

Соответственно, можно сделать вывод, что факт наличия чрезмерно большого числа пикселей не всегда является положительным. Поскольку увеличивается энергопотребление. Так как процессор гаджета будет вынужден обрабатывать больше данных. Более того, пользователю не требуется так много пикселей, поскольку он в любом случае не сможет отличить экран с 350 точек на дюйм от экрана с 500 точек в дюйме. На самом деле, это стандартный маркетинговый ход, за который покупатели переплачивают и не более.

Источник

Размеры растровых изображений: пиксели, DPI, PPI, сантиметры — вы ничего не путаете?

Приветствую уважаемое сообщество Хабра! Пишу эту небольшую заметку как важный ликбез для всех, кто работает с растровыми картинками. Обычно, вопрос в чём измерять изображения встаёт у новичков, но путают термины и опытные специалисты.

Начнём с главного: растровые изображения состоят из пикселей. На этом можно было закончить данную статью, но не всем этого достаточно, поэтому поговорим о заблуждениях и мифах, которые я встречал на практике.

DPI, PPI и изменение размеров

Самое частое заблуждение — использование единиц DPI (dots per inch — точек на дюйм) и PPI (pixels per inch — пикселей на дюйм). На самом деле эти единицы относятся к принтерам и сканерам соответственно. Также их можно применять в характеристиках экранов. По сути это коэффициенты для перевода между физическими размерами в аналоге (в сантиметрах или дюймах) и размерами в пикселях для цифрового изображения.

Например, изображение в 100 пикселей, распечатанное с разрешением 100 DPI будет иметь размер 1 дюйм. Всё просто и понятно.

Однако, при изменении размеров в графических редакторах нам предлагают указать размеры в удобных нам измерениях, в том числе в DPI. Здесь и начинается путаница.

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

Допустим, у нас изображение размером 3000 пикселей (квадратное), у которого стоит значение 300 DPI. Получаем: 3000 пикселей / 300 DPI = 10 дюймов. А теперь заходим в редактор (Photoshop) и изменяем значение DPI на 600. Что мы получим? А это зависит от галки «Resample». Если она стоит, мы получим upsampling (увеличение) изображения до 6000 пикселей. Если не стоит, то размер в дюймах станет 5 вместо 10.

Таким образом, для веб-разработки все значения физических размеров (DPI, сантиметры, дюймы и т.д.) можно смело игнорировать и смотреть исключительно на размеры в пикселях.

DPI/PPI экранов

Здесь мы подошли к вопросу разрешения и плотности пикселей экранов. Корректно эта плотность обозначается как PPI (pixels per inch) и показывает, сколько пикселей может быть отображено на одном дюйме экрана.

Здесь часто возникают мифические 72 и 96 PPI, которые должны показывать «стандартную» плотность пикселей для экранов. Для задач отображения графики в вебе они бесполезны. При этом реальная плотность пикселей экрана может быть совсем другой: типично что-то около 120 PPI (можете измерить и посчитать для своего экрана).

Но мы помним, что растровые картинки измеряются только в пикселях и никак иначе. Зачем мы вообще говорим о PPI экранов? Потому что есть «Retina» или «HiDPI» экраны.

Retina и HiDPI экраны

Такие дисплеи широко распространены в мобильных устройствах и дорогих ноутбуках. По сути это количественное увеличение пикселей при сохранении физических размеров экрана (например, 5 дюймов по диагонали и 330 PPI).

Для нас, как веб-разработчиков это значит появление разных пикселей в браузере: CSS-пикселей (которые мы обычно указываем в размерах элементов) и физических пикселей (реальных пикселей на экране). Формула такая: Физические пиксели = CSS-пиксели * DPR.
DPR это device pixel ratio — коэффициент перевода CSS-пикселей в физические.

При размещении картинки мы можем написать тег img с размерами 20px, а картинка будет 40 пикселей. При этом на экране с DPR=2,0 мы увидим все пиксели картинки. Но в этой ситуации нас абсолютно не волнуют реальные значения PPI экрана.

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

Вот и вся история, хотя я конечно ничего не говорил об адаптивных картинках, способах оптимизации их отдачи и client hints. Но это другая история.

Источник

Плотность пикселей PPI — что это такое и как влияет на изображение

Содержание

Содержание

Четкость изображения — первое, что требуется от экрана любого электронного устройства. Плотность пикселей или PPI как раз характеризует этот показатель. Что такое PPI, как этим параметром пользоваться и каким он должен быть для различных устройств — расскажем в этой статье.

Что такое PPI

Большинство владельцев электронных устройств знает, что экран состоит из множества квадратиков, способных менять цвет — пикселей. Пока мы не пытаемся изобразить на экране ничего сложнее «черного квадрата», проблем нет. Но как только появляются диагональные линии, на экране становятся заметны зубцы.

Очевидно, что чем меньше размер пикселей, тем менее они заметны. Однако с уменьшением размера пикселя неизбежно вырастет их количество (мы же не хотим, чтобы экран тоже уменьшался). О количестве пикселей говорит такой параметр, как разрешение экрана. Например, разрешение 2400х1080 означает, что на экране умещается 2400 пикселей по горизонтали и 1080 по вертикали. Много это или мало?

Чтобы ответить на этот вопрос, одного разрешения недостаточно, ведь неизвестна величина экрана. А вот если поделить количество пикселей по горизонтали на ширину экрана (или по вертикали – на высоту), то получится PPI — количество пикселей на дюйм длины (по-английски PPI так и расшифровывается — «Pixel Per Inch», в переводе на русский — «Пикселей На Дюйм»). Так, 200 PPI означает, что на дюйм экрана приходится 200 пикселей.

PPI, разрешение и размер экрана

Легко понять, что эти три параметра связаны между собой. Но связь не настолько однозначна, насколько может показаться с первого взгляда. Дело в том, что разрешение говорит о количестве пикселей по горизонтали и вертикали, а размер обычно указывается по диагонали. Поэтому для подсчета PPI по разрешению и диагонали экрана следует воспользоваться теоремой Пифагора:

Так, для смартфона Samsung Galaxy S21+ с 6.7-дюймовым экраном, имеющим разрешение 2400 на 1080, плотность пикселей будет составлять

Сколько PPI нужно на самом деле

Установлено, что большинство людей с остротой зрения 10/10 способны различить объекты размером 1 угловую минуту. Это проистекает из устройства нашего глаза, точнее, из количества колбочек, воспринимающих свет.

Чем ближе объект к глазу, тем более мелкие детали мы можем распознать. Но только до определенного предела. Наша «оптическая система» также имеет пределы по подстройке фокусного расстояния. На объекты, расположенные ближе 25 см, глаз фокусируется с трудом, и чем ближе — тем хуже. На расстоянии наилучшего зрения (250 мм) линейный размер одной угловой минуты составляет

Значение плотности пикселей, соответствующее этому размеру, равно 358 PPI. Таким образом, для большинства людей более высокая плотность пикселей смысла просто не имеет.

PPI и тип устройства

Теперь для сравнения возьмем другое устройство. Например, 65-дюймовый телевизор Sony KD65A8BR2.

При разрешении в 3840х2160 плотность пикселей составляет всего 67! Почему так мало? Потому что телевизор мы смотрим на расстоянии 2-5 метров, а не 25 сантиметров. А та же 1 угловая минута на 2 метрах соответствует 0,5 мм. Т.е. максимальный PPI на таком расстоянии составит всего 50.

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

С учетом всего вышеизложенного, на сегодняшний день оптимальные значения PPI для различной техники следующие:

Источник

Сколько пикселей в дюйме (PPI)?

Нет ни одного ответа на пиксели на дюйм

Если бы все пиксели были одинакового размера, пиксели в дюйме были бы известным числом, например, сколько сантиметров в дюйме (2,54) или сколько дюймов в футе (12).

Однако на разных дисплеях пиксели имеют разные размеры, поэтому на 75-дюймовом телевизоре с разрешением 4K, например, 58,74 пикселей на дюйм, а на 5-дюймовом экране смартфона Full HD — 440,58 пикселей на дюйм.

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

Как рассчитать пиксели в дюймах

Прежде чем мы перейдем к тому, что выглядит как сложная математика (это не так, не беспокойтесь), мы проделали большую работу за вас для нескольких дисплеев в таблице Pixels Per Inch в нижней части страницы.

Вот полное уравнение для вас, подкованных в математике, но пропустите его, чтобы пройти пошаговые инструкции:

… где ppi — это пиксели на дюйм, которые вы пытаетесь найти, w — это разрешение по ширине в пикселях, h — это разрешение по высоте в пикселях, а d — это диагональ экрана в дюймах.

Если вы спали в главе, посвященной порядку операций в математическом классе, вот как вы это делаете на примере экрана 60 «4K (3840×2160):

Итак, теперь вы знаете PPI вашего дисплея … но что в этом хорошего? Если вам просто любопытно, все готово! Однако, как мы упоминали во введении выше, в большинстве случаев устройство или дисплей PPI являются первым из двух шагов к достижению чего-то гораздо более практичного.

Определите, насколько большим будет изображение на другом устройстве

Теперь, когда вы знаете свой PPI для экрана или устройства, пришло время его использовать.

Вы можете создать или отредактировать изображение на своем 17-дюймовом ноутбуке с экраном HD (129,584 PPI), но знайте, что вы будете отображать его на 84-дюймовом 4K UHD дисплее (52,45 PPI) в офисе на следующей неделе.

Как вы можете быть уверены, что изображение создается достаточно большим или имеет правильные детали?

Как и прежде, вот полные уравнения, если вы так склонны, но инструкции приведены ниже:

… где hsize и vsize — это горизонтальные и вертикальные размеры изображения в дюймах, соответственно, на другом дисплее, w — ширина изображения в пикселях, h — высота изображения в пикселях, а ppi — PPI для другой дисплей.

Вот как вы можете это сделать, если ваше изображение имеет размер 950×375 пикселей, а планируемый дисплей — 84-дюймовый экран 4K (3840×2160) (52,45 PPI):

Здесь мы показали, что независимо от того, насколько «большим» или «маленьким» изображение может показаться на вашем экране, с размерами пикселя 950×375, это изображение будет выглядеть как 18,11 «на 7,15» на этом 84-дюймовом 4K-телевизоре. будет показано на.

Теперь вы можете использовать эти знания по своему усмотрению — возможно, это именно то, что вам нужно, или, может быть, этого недостаточно, учитывая, что 84-дюймовый экран имеет ширину около 73 дюймов и высоту 41 дюйм!

Определите размер изображения для печати в полном разрешении

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

… где hsize и vsize — это горизонтальные и вертикальные размеры изображения в дюймах, соответственно, когда они будут напечатаны, w — ширина изображения в пикселях, h — высота изображения в пикселях, а ppi — это PPI самого изображения.

Вот как вы это делаете, если ваше изображение имеет размер 375×148 пикселей и PPI 72:

Предполагая, что вы не масштабируете изображение во время процесса печати, изображение будет физически напечатано с размером 5,21 дюйма на 2,06 дюйма. Сделайте математику с изображением, которое у вас есть, а затем распечатайте — это работает каждый раз!

Таблицы пикселей на дюйм

Как и было обещано выше, вот наш «шпаргалка» PPI, которая должна спасти вас от многошаговой математики, которую мы продемонстрировали выше.

Не волнуйтесь, если вы не нашли свое разрешение или устройство. Помните, что вы можете рассчитать, сколько пикселей в дюйме для вашего устройства, независимо от размера или разрешения, используя математику, описанную выше.

Источник