как узнать ppi картинки
Как вычислить PPI вручную и с помощью специального инструмента
Плотность пикселей (PPI) является важной качественной характеристикой любого дисплея. Рассказываем, как вычислить PPI вручную или с помощью различных приложений.
Как рассчитать PPI вручную
Плотность пикселей — PPI или Pixels Per Inch — описывает, сколько точек изображения отображается в дюйме дисплея. Чем больше это значение, тем четче будет изображение на экране. Оптимальным значением для экранов смартфонов считается 300 точек на дюйм. Если PPI будет выше, то обычный человеческий глаз не увидит разницы.
При вычислении значения PPI необходимо также учитывать разрешение дисплея и его диагональ. Формула для расчета вручную не самая простая: надо извлечь квадратный корень из суммы квадратов высоты и ширины экрана в пикселях, а потом поделить полученное значение на диагональ в дюймах.
Так, при разрешении 1920 x 1080 пикселей вы вычисляете квадратный корень из количества пикселей по горизонтали в квадрате плюс количество вертикальных пикселей в квадрате. Это вычисление соответствует теореме Пифагора и при указанном количестве точек изображения дает 2202.91 пикселей по диагонали.
Далее это число надо поделить на диагональ экрана. При 19 дюймах получится PPI = 116 пикселей на дюйм.
Калькулятор для расчета PPI
Проще всего использовать для расчета PPI специальный инструмент-калькулятор. Приложение, которое вы можете использовать для преобразования и расчета многих категорий и единиц, называется NumericalChameleon.
Также в интернете легко найти множество онлайн-сервисов для расчета PPI. Например, этот сайт. Для получения результата надо просто ввести значения разрешения и диагонали дисплея в соответствующие окошки.
Как проверить DPI изображения
Если вы не уверены в качестве изображения, вы можете проверить значение DPI. Вот как.
Это из-за низкого разрешения изображения. Что такое DPI, и как вы можете проверить DPI изображения на своем ПК? Вот что вам нужно знать.
Что такое DPI?
точек на дюйм означает Точек на дюйм. Это термин, пришедший из печати, который обозначает количество напечатанных точек на одном дюйме вашего распечатанного документа. Теперь этот термин используется в вычислительной технике для определения качества и разрешения фотографии или изображения.
Чем выше значение, тем более детальным и резким будет ваше изображение. Изображения с более высокими значениями DPI также можно увеличивать гораздо больше, прежде чем начнется пикселизация.
DPI важен при печати изображений. Если вы хотите создать крупный отпечаток изображения, вы должны быть уверены, что оно имеет высокое разрешение. В противном случае изображение будет выглядеть некачественно при печати в большем размере.
Даже с небольшими изображениями, чем выше разрешение, тем лучше будет выглядеть ваше изображение. Это особенно верно, если вы просматриваете фотографию на мониторах с более высоким разрешением, например на дисплеях Retina новой модели Macbook Pro.
Как проверить разрешение изображения в Windows 10
Если вы используете ПК с Windows, вы можете быстро проверить разрешение изображения с помощью Проводник Windows,
Для этого найдите в проводнике изображение, которое хотите проверить. Найдя его, щелкните изображение правой кнопкой мыши и выберите свойства из появившегося контекстного меню.
в свойства окно, щелкните подробности Вкладка.
Возможно, вам придется прокрутить вниз, пока не найдете Вертикальное разрешение и Горизонтальное разрешение в списке свойств.
Это покажет вам DPI вашего изображения. В большинстве случаев показанные здесь свойства по вертикали и горизонтали будут иметь одинаковое значение.
Как проверить DPI изображения на Mac
Если вы используете Mac, вы можете проверить DPI изображения с помощью встроенного предварительный просмотр приложение.
Для этого откройте искатель приложение для управления файлами и перейдите к расположению файла. Затем вы можете открыть файл в режиме предварительного просмотра, щелкнув файл правой кнопкой мыши и выбрав Открыть с помощью> Предварительный просмотр,
в предварительный просмотр окно, щелкните Инструменты> Показать инспектор.
Разрешение изображения будет отображаться как Разрешение изображения в предоставленном информационном списке.
Как проверить DPI изображения в Photoshop
Если вы используете Adobe Photoshop для манипулирования изображением, вы можете определить DPI, используя встроенные параметры Photoshop.
Для этого откройте изображение в фотошопе. В строке меню щелкните Изображение> Размер изображения открыть Размер изображения диалоговое окно.
Разрешение изображения будет указано в пикселях на дюйм в предоставленных параметрах b под разрешение раздел.
При желании вы можете изменить разрешение (и, следовательно, значение DPI) для вашего изображения с помощью Photoshop из этого меню. Для этого введите новое значение в поле разрешение коробка опций предоставлена.
Если вы не хотите, чтобы размер изображения изменялся, не забудьте снять флажок Resample установите флажок, прежде чем применить изменение.
Управление вашими изображениями
Как только вы узнаете значение DPI для своих изображений, вы сможете определить правильные способы управления ими. Более высокий DPI должен позволить вам изменять размер изображений без слишком большой потери качества, но это труднее сделать для изображений с более низким DPI.
Однако есть и другие способы манипулирования изображениями. Например, вы можете использовать Photoshop для добавления фильтров и эффектов к вашим изображениям. Если они слишком большие, вы можете изменить размер изображений с помощью приложения Windows Photos. Если вы хотите обрезать изображения, почти все инструменты для редактирования фотографий позволят вам сделать это с легкостью.
Калькулятор 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 для различной техники следующие: