на что влияет dpi изображения

Что такое DPI в фотографии

Нужно изменить DPI? Воспользуйтесь программой ФотоМАСТЕР:

Для Windows 7, 8, 10, XP, Vista. Быстрая установка.

DPI в фотографии: что это и зачем нужно

При профессиональной обработке фотографий необходимо знать технические термины. Например, параметр DPI (dots per inch) помогает понять, подходит ли по фотография для печати в качестве плаката или только для маленькой открытки. Если вы распечатываете кадры или публикуете их в Интернете, сведения о количестве точек позволят убедиться, что снимки будут выглядеть наилучшим образом. В этой статье мы подробно рассмотрим, что такое DPI разрешение и как его при необходимости изменить в программе для редактирования фото.

Что такое DPI в фотографии

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

Количество

PPI (pixels per inch) отражает количество пикселей и качество кадра. Например, у картинки с размером 4500 px по горизонтали и 3000 px по вертикали представлено 13 500 000 пикселей или 13,5 мегапикселей.

При увеличении масштаба можно увидеть квадратики, из которых состоит картинка

Плотность

Также есть второй фактор, влияющий на качество фотоизображения. DPI — это разрешение в пикселях на дюйм. Параметр обозначает то, как распределяется общее количество цветных точек. Если он представлен числом 72 — это означает, что фото включает в себя 72 единицы пикселей на дюйм.

У картинок установлено одинаковое соотношение сторон. Разница в масштабе зависит от DPI

В настоящее время единица плотности используется только при печати. Все принтеры состоят из чернил разного цвета, которые объединяются для создания каждого фрагмента фотоизображения. В принтере обычно установлено 4-6 чернил разного цвета, и ему необходимо их смешивать для получения нужного оттенка. Серия крошечных точек создает каждый пиксель. Поэтому тональность принтера будет выше, если в изображении будет высокая плотность.

Разница в плотности точек

Пример использования

Чтобы лучше понять термин, стоит разобраться, как он работает. Например, сколько в пикселях 600 dpi? Значение ди-пи-ай выражает количество пикселей на квадратный дюйм, записанных в цифровом виде. Таким образом, 600 точек означает, что у вас есть 600px в ширину и 600px в высоту на изображении размером 1 на 1 дюйм. Это 360 000 пикселей.

300 dpi — это какое разрешение в пикселях? Такое фотоизображение будет содержать 300px в ширину и 300px в высоту на каждый дюйм. Иначе говоря, картинка будет включать в себя 90 000 пикселей.

Оптимальное количество точек, необходимое для печати, повышается по мере увеличения размера отпечатков. Для вывода проекта на бумаге А4 формата потребуется выше число dots per inch, чем для открытки 10 на 15 сантиметров.

Разница в масштабе фотоснимка при разных значениях

Форматы изображения DPI

Изменение свойства «dots per inch» возможно не во всех расширениях медиафайлов.

Для настройки подходят следующие форматы:

Векторные медиафайлы не состоят из точек: их можно масштабировать без снижения качества.

Разница при изменении масштаба вектора и растра

Как узнать DPI изображения

У вас есть несколько способов определить разрешение на компьютере:

1. Чтобы проверить плотность снимка на ПК с Windows, перейдите в папку с нужным документом. Щелкните по нему правой кнопкой мыши и выберите «Свойства». Перейдите на вкладку «Подробно».

В данном примере число составляет 96

2. Где посмотреть DPI фотографии на Mac OS? Выберите медиафайл, который хотите использовать, и щелкните по нему правой кнопкой мыши. Нажмите «Свойства». Нужные сведения представлены на вкладке «Подробнее».

Меню «Свойства» на устройствах с Mac

Для чего нужно большое количество точек

После того, как вам удалось узнать разрешение DPI, вам может потребоваться его увеличить. Это необходимо в различных ситуациях. Например, струйные принтеры печатают от 300 до 720 точек на дюйм, а лазерные создают фотоизображения от 600 до 2400. Требования к значению ди-пи-ай зависит от цели использования материала:

Таблица с назначением фотки и стандартными цифрами

Как делать снимки с высоким разрешением

Существует несколько советов, которые помогут добиться четкой печати:

Снимки, сделанные на камеру и смартфон

Как изменить DPI изображения

При печати очень важно установить правильный DPI. В противном случае у вас могут получиться размытые или некачественные фотокарточки. Чтобы настроить параметр, вам потребуется воспользоваться специальным программным обеспечением. Загрузите удобное приложение ФотоМАСТЕР. Оно позволит не только изменить размер картинки, но и произвести ретушь портретов, применить эффекты, настроить освещение и добавить надписи.

Чтобы перевести разрешение в dpi, вам необходимо скачать фоторедактор с нашего сайта. Затем запустите дистрибутив и выполните стандартные действия. После завершения инсталляции откройте софт и следуйте инструкции:

Шаг 1. Загрузите материал

В стартовом меню приложения нажмите на кнопку «Открыть фото» или перенесите документ из проводника.

Импортируйте документ с популярным расширением

Шаг 2. Произведите обработку (опционально)

Интерфейс приложения разделен на вкладки:

Пример обработки портрета

Шаг 3. Установите новый размер

Как сделать разрешение фотографии 300 dpi или меньше? Для этого откройте меню «Файл» и нажмите «Изменить размер и сохранить». Вы можете выбрать готовую предустановку:

Затем настройте ди-пи-ай. Введите любое число, но лучше выберите цифру в диапазоне между 72 и 300. Важно понимать: чем больше значение, тем объемнее будет итоговый материал.

Нажмите «Применить» и укажите папку

Как определить DPI фото и удостовериться в увеличении размера? Перейдите в папку с обработанным файлом, а затем откройте свойства кадра. Как видите, редактор отлично справился с задачей.

Заключение

Теперь вы знаете, как узнать DPI фото и настроить его для конкретной цели. Если вы хотите распечатать картинку, лучше установить 300 dots per inch или выше. Фотоснимки для газет имеют число около 200 из-за низкого качества бумаги. Для веб-изображений используйте 72 точки: фото с большим числом будут автоматически уменьшены браузером.

Перед отправкой материала на принтер или загрузки в сеть обработайте картинку в программе ФотоМАСТЕР. Она позволит выполнить ретушь, избавиться от дефектов, произвести цветокоррекцию и применить эффекты. Скачайте приложение бесплатно и приступите к редактированию прямо сейчас!

Источник

Значимость DPI И PPI Для Веб-Дизайна И Photoshop

DPI, PPI. Имеют ли они значение для веб-дизайна? Если «да», то какое? Мы рассмотрим эту тему подробно и попробуем разобраться во всех тонкостях работы с этими значениями качества изображений, текста и не только.

Буквально везде можно услышать о DPI и PPI, какие они все такие важные и нужные, даже использовать нужно умудряться все и сразу. О, да, и в веб-дизайне обязательно, а иначе, ну, какой же ты веб-мастер?! Но что на самом деле означают спецификации размера и как веб-дизайнер может их использовать? Нужно ли вообще обращать внимание на это или достаточно только использовать настройки по умолчанию?

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

В этом материале мы поговорим о DPI и PPI более подробно и на примерах, чтобы разобраться, когда и в каких случаях веб-дизайнеру стоит обращать на них внимание. Сразу оговоримся, что статья может показаться «сухой» и скучной, но мы уверены, интересные моменты вы в ней найдете. Как ни странно, но значения PPI могут и не могут влиять на дизайн и на изображения, даже на сторонние файлы PSD и копируемые данные. А еще ведь существует PPI монитора. И представьте, что все это связано. В конце мы подведем итог и обобщим все умозаключения.

Пиксели и PPI

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

PPI является мерой качества изображений и используется в Photoshop по умолчанию. При работе с фотографиями можно изменить дискретизацию изображения или ресамплинг (изменить количество пикселей) или изменить размер изображения (размер каждого пикселя, но не их количество). В Photoshop в окне изменения размера необходимо следить за соотношением значений количества пикселей и ресамплингом (детализация и увеличение количества пикселей).

Веб-стандарт для изображений составляет 72 пикселя на дюйм. При таком значении изображения выглядят красиво, если они изначально имеют хорошее качество (не искажены, четкие). Имейте в виду, что ваша фотография всегда должна иметь полный размер и быть широкой, чтобы полностью заполнять рамки и границы размещения. Например, большое изображение в шапке страницы Facebook. Изображение должно обладать шириной 851 пикселей. Чтобы предотвратить пикселезацию при разрешении в 72 пикселя на дюйм ширина вашей готовой картинки должны быть почти на 12 дюймов шире.

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

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

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

Точки и DPI

Термин DPI или количество точек на дюйм был разработан для возможности работы с качеством изображения для печати. Когда фотография печатается, она состоит из сотен тысяч крошечных точек, которые накладываются друг на друга и рядом друг с другом разными по цветности чернилами. Также в этих точках происходит смешивание чернил, сформировывая тем самым больший спектр цветов и оттенков. Значение DPI – количество печатных точек на дюйм. Чем это значение выше, тем изображение выглядит плавнее и качественнее, а градиентные переходы становятся реалистичными.

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

Когда же мы смотрим на экран, то маловероятно, что кто-то способен увидеть разницу между двумя одинаковыми изображениями, созданными в 100 DPI и 300 DPI. Причина в том, что мониторы не отображают графику в точках. Для них значения DPI не имеют никакого значения.

Для печати же стандартом принято считать значение 300 DPI. Это важно, чтобы сам принтер не смог изменять это значение в случае его отсутствия в свойствах рабочего файла. В противном случае, изображение будет искажено, даже цветовые оттенки могут измениться.

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

Мегапиксели

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

Все цифровые изображения, вне зависимости от источника, состоят из пикселей (не точек). Мегапиксели только помогают понять разрешение и качество фотографии, которое будет на выходе. Это как упрощение исчисления: сантиметры, метры, километры.

Цифры в веб-дизайне

У пикселя нет размера, значения, смысла вне его представления в математике. Он только связующее звено между физическим размером экрана (дюймы), экранным разрешением (пиксель на дюйм) и пиксельным размером экрана (пиксели). Обычные десктопные экраны (не Retina) обычно имеют PPI от 72 до 120. Дизайн с PPI между 72 и 120 дает уверенность в том, что ваша работа будет иметь примерно одинаковые пропорции в размере.

Общая формула расчета и вычисления изменения размеров в зависимости от разрешения и размеров выглядит так:

Вот вам пример: экран монитора LG w2253tq 22 дюйма располагает PPI = 102, что означает, что он отображает 102 пикселя на дюйм экранной площади. Ширина самого экрана примерно 18,8 дюймов, так что 18,8*102 приблизительно 1920, что и формирует родное разрешение экрана в 1920х1080 рх.

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

Например, вы нарисовали синий квадрат размером 102х102px на экране с PPI 102.

Этот квадрат будет иметь физический размер 1х1 дюйм. Но если экран пользователя имеет PPI = 72, ваш синий квадрат будет крупнее по своим физическим размерам. Так как PPI = 72, понадобится примерно полтора дюйма (грубо округлили) экранного пространства, чтобы отобразить квадрат со стороной в 100 пикселей. По формуле выше это рассчитывается легко и быстро.

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

Интересен еще один момент

Что будет, если менять значение PPI в Photoshop и создавать проекты под PPI 100 или 120. Дело в том, что цифровой контент изначально измеряется в пикселях вне зависимости от значения PPI. На дизайн PPI не имеет влияние, как таковое. Именно поэтому при необходимости увеличения изображений используются множители.

В Photoshop создаем новый документ и выбираем PPI 72. Создаем квадрат 102х102 пикселя и текст 14 пунктов.

Затем аналогично создаем квадрат и текст в документе с PPI 102.

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

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

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

Есть еще вариант, если у вас несколько разных PSD с разными настройками в файлах PPI. Что произойдет в Photoshop? Приложение автоматически настроит размеры элементов пропорционально вашему экрану и значениям PPI. То же самое будет, если вы работаете с макетом сайта в разрешении 72 PPI, а логотип вставляете из документа 100 PPI. Изображение будет изменено автоматически и это может вызвать проблемы.

Решение, впрочем, есть. Изначально работайте в общепринятом разрешении 72 PPI. Это настройка по умолчанию в Photoshop. Но если вам говорят клиенты или знакомые/друзья, что с макетом как-то не так всё, подумайте, а как они открывают его и какие у них настройки приложения.

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

Выводы

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

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

Другой момент в том, что многие пользователи сами изменяют разрешение страницы сайта, чтобы было комфортнее читать/смотреть. Тут уже дизайн сайта может выглядеть удручающе плохо и неказисто. Но сделать навряд ли что-то можно, поскольку посетителям важно удобство. Поэтому помните, что разрешение файлов принято использовать в 72 PPI. Это сэкономит больше места на сервере. Файлы изображений будут небольшими и загружаться быстрее станут. И хотя они будут меньше оригинальных фотографий, в большинстве же случаев, на экране пользователей они будут больше, поскольку PPI мониторов у всех разный и преимущественно 100+ PPI.

Источник

Связь между пикселями, сантиметрами и DPI

Артем Кашканов, 2021

Для измерения размера изображений применяются по меньшей мере три параметра:

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

Для начала, определимся, что такое пиксель и какое отношение он имеет к сантиметрам.

Что такое «пиксель»

Фотография, которую вы скачали с фотоаппарата имеет разрешение несколько десятков мегапикселей. Например, если картинка имеет 6000 пикселей в ширину и 4000 пикселей в высоту, у нее разрешение 6.000 * 4.000 = 24.000.000 пикселей или 24 мегапикселя.

Сантиметры

Что такое «сантиметр», я думаю, объяснять не нужно. В нашем случае в сантиметрах измеряется размер отпечатков фотографии.

Если же попробовать распечатать форматом поменьше, например, 10*15 сантиметров, даже невооруженным глазом будет заметно, что качество печати получилось лучше. А если напечатать картинку размером на 4*6 см, то получим настоящее «фотокачество». Сгодится на магнитик или карманный клендарик 🙂

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

Что такое «DPI»

150, 200, 300, 600 DPI – сколько это в пикселях, сантиметрах?

Формула пересчета DPI в пиксели очень проста:

DPI = Пиксели : Дюймы

Если нужно пересчитать в сантиметры, делим это еще на 2.54 (именно столько сантиметров в дюйме).

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

Таблица перевода DPI, сантиметров и пикселей

Еще проще живется тем, у кого есть Adobe Photoshop, либо другой более-менее приличный фоторедактор. При изменении размеров изображения (Alt + Ctrl + I) он автоматически пересчитывает сантиметры в пиксели и DPI:

Стоит ввести ширину в сантиметрах и указать требуемое разрешение, он автоматически пересчитает размер картинки в пикселях.

Если на компьютере нет ни одной программы, которая умеет пересчитывать DPI в пиксели и сантиметры, вы можете воспользоваться Онлайн калькулятором DPI моего собственного производства 🙂

Поддержать проект

Вероятно, вы обратили внимание, что на сайте почти нет рекламных баннеров. Согласитесь, без них читать статьи гораздо приятнее. Но сайту надо на что-то существовать.

Источник