Dpi что значит в печати разрешениями

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

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

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

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

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

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

Dpi что значит в печати разрешениями. Смотреть фото Dpi что значит в печати разрешениями. Смотреть картинку Dpi что значит в печати разрешениями. Картинка про Dpi что значит в печати разрешениями. Фото Dpi что значит в печати разрешениями

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

Сантиметры

Dpi что значит в печати разрешениями. Смотреть фото Dpi что значит в печати разрешениями. Смотреть картинку Dpi что значит в печати разрешениями. Картинка про Dpi что значит в печати разрешениями. Фото Dpi что значит в печати разрешениями

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

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

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

Что такое «DPI»

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

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

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

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

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

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

Dpi что значит в печати разрешениями. Смотреть фото Dpi что значит в печати разрешениями. Смотреть картинку Dpi что значит в печати разрешениями. Картинка про Dpi что значит в печати разрешениями. Фото Dpi что значит в печати разрешениями

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

Dpi что значит в печати разрешениями. Смотреть фото Dpi что значит в печати разрешениями. Смотреть картинку Dpi что значит в печати разрешениями. Картинка про Dpi что значит в печати разрешениями. Фото Dpi что значит в печати разрешениями

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

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

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

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

Источник

Разрешение при печати на лазерных и струйных принтерах

Dpi что значит в печати разрешениями. Смотреть фото Dpi что значит в печати разрешениями. Смотреть картинку Dpi что значит в печати разрешениями. Картинка про Dpi что значит в печати разрешениями. Фото Dpi что значит в печати разрешениями

Рис. 1 Качество печати в зависимости от разрешения принтера

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

Таблица. Сравнение параметров струйной и лазерной печати

Материал красящего состава

С полимерным или желатиновым покрытием

Для монохромной печати – 5-7 стр/мин.

Цветная печать 3-4 стр/мин.

Компьютер или локальная сеть

Расходные материалы, применяемые в принтерах:

Что такое разрешение принтера

Разрешение при печати показывает, какое количество нанесенных устройством точек приходится на 1 квадратный дюйм. Именно этот параметр отвечает за контрастность и качество выполняемой печати. Соответственно, чем он выше, тем лучше получаемые отпечатки.Dpi что значит в печати разрешениями. Смотреть фото Dpi что значит в печати разрешениями. Смотреть картинку Dpi что значит в печати разрешениями. Картинка про Dpi что значит в печати разрешениями. Фото Dpi что значит в печати разрешениями

Рис. 2 Сравнение плотности нанесенных точек на 1 in²

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

Измерение разрешения в принтерах

Как уже упоминалось, разрешение определяется числом нанесенных точек на 1 in² – dpi (dots per inch). Величина разрешения рассчитывается по горизонтальной и вертикальной составляющей. Чаще всего размеры по вертикали и горизонтали совпадают – при разрешении в 300 dpi, на 1 in² помещается 300×300 точек, т. е. 90000. Но иногда применяют и различное разрешение по высоте и длине – 600×1200 dpi, в этом случае на 1 in² придется 720 тыс. точек. По высоте квадрата будет нанесено 600 точек, а по длине 1200, это достигается за счет параметров самой точки.

Dpi что значит в печати разрешениями. Смотреть фото Dpi что значит в печати разрешениями. Смотреть картинку Dpi что значит в печати разрешениями. Картинка про Dpi что значит в печати разрешениями. Фото Dpi что значит в печати разрешениями

Рис. 3 Показатель качества печати в зависимости от разрешения

Монитор компьютера также передает изображение с определенным разрешением, величина которого измеряется в пикселях. Показатели качества цветопередачи монитора намного меньше, чем у принтера. Для сравнения – рисунок на компьютерном экране, имеющем 800×600 пикселей, после преобразования его в печать, покажет всего 50-80 dpi. Принтер с самым низким разрешением выполнит печать изображения на более качественном уровне.

Какое разрешение принтера будет оптимальным

Способы повышения разрешения

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

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

Интерполяция изображения

Перенос рисунка или текста в формат печати производится в памяти принтера. Чем больше объем памяти принтера, тем выше разрешение будет использовано при печати. Принтеры с малой памятью интерполируют файлы с небольшим увеличением разрешения, к примеру, файл на 600 dpi будет преобразован в изображение на 1200 dpi. Устройства, имеющие хороший объем памяти, проведут интерполяцию с высоким разрешением и качество отпечатка будет несравнимо с предыдущим. Особенно если это касается мелкого текста или рисунка нагруженного небольшими деталями.

Увеличение числа прохождений печатающей головки

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

Используемые величины разрешения в различных видах печати

Восприятие изображения зависит от расстояния, с которого его рассматривают. Соответственно, восприятие изображения на большом рекламном стенде или билборде с расстояния более 2-3 метров существенно отличается от его рассмотрения вблизи. Для такой печати достаточно разрешения 360×360 dpi.

Интерьерная печать (обои, вывески, афиши) предполагает рассмотрение с расстояния менее 1 метра, здесь применяют печать с разрешением от 720×720 dpi и выше.

В печати фото для личного пользования, когда снимки рассматривают вблизи, применяют еще более высокое разрешение – 5760×1440 dpi.

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

Источник

Что такое показатель DPI и на что он влияет?

Dpi что значит в печати разрешениями. Смотреть фото Dpi что значит в печати разрешениями. Смотреть картинку Dpi что значит в печати разрешениями. Картинка про Dpi что значит в печати разрешениями. Фото Dpi что значит в печати разрешениями

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

Разрешение при печати

DPI – это аббревиатура фразы dots per inch, что в переводе с английского означает «количество точек на каждый дюйм». Подобное понятие используется для измерения разрешающей способности. Оно обозначает число точек, которое приходится на дюйм определенной поверхности. В разрезе темы о печати, это сумма капель чернил, попадающих на линейный дюйм носителя – офисной или фотобумаги.

Например, если в характеристиках принтера вы видите указание 5760х1440 DPI, то это значит, что его разрешение равняется 5760 точкам по горизонтали и 1440 по вертикали при условии, что печать осуществляется на квадрате размером 1х1 дюйм. Чем больше плотность капель чернил, выпрыскиваемых печатающей головкой, тем качественнее, четче и детальнее полученное изображение. Именно поэтому разрешение в 600х300 DPI, которое когда-то было у первых ПУ, делало отпечатки зернистыми. К счастью, это в прошлом, ведь сегодня даже на самых бюджетных струйных аппаратах можно получать материалы высокого качества.

Разрешение при сканировании

Стоит также отметить, что показатель DPI применяется и тогда, когда речь идет о сканировании. Если оптическое разрешение сканера составляет 1200 DPI, то это значит, что он распознает именно такое количество точек на каждый дюйм отпечатка, с которым работает. Чем оно выше, тем, соответственно, лучше класс устройства и точнее копии, которые на нем можно получить. Например, компания Epson выпускает линейку фотосканеров с показателем разрешения 6400 х 9600 DPI – с помощью таких моделей можно не только сканировать фотографии, а даже фотопленки оцифровывать.

Если вы только собираетесь покупать принтер, сканер или МФУ, то должны понимать, что DPI – важная характеристика, которую нельзя пропускать и игнорировать. Именно она определяет то, какие фотографии и сканы вы будете получать. Выбирая аппарат для коммерческого или профессионального использования, следите, чтобы показатель количества точек на дюйм при печати и сканировании был достаточно высоким. Для домашней техники достаточно среднего – все зависит от ваших потребностей и целей.

Источник

Dpi что значит в печати разрешениями

Dpi что значит в печати разрешениями. Смотреть фото Dpi что значит в печати разрешениями. Смотреть картинку Dpi что значит в печати разрешениями. Картинка про Dpi что значит в печати разрешениями. Фото Dpi что значит в печати разрешениями

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

Сам термин «разрешение» используют для описания качества и контрастности отпечатка. Этот показатель напрямую зависит от количества и размера точек. Влияет это и на качество печати.

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

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

Разрешение измеряется в единицах «количество точек на дюйм» – dpi (dots per inch). Для большинства печатающих устройств разрешение печати определяется вертикальным и горизонтальным направлением. То есть, под разрешением в 300 dpi понимают 300×300 точек на один квадратный дюйм. То есть, устройство с разрешением 300 dpi может отпечатать 90 тысяч точек на квадратном дюйме листа.

Существуют печатающие устройства, у которых вертикальное и горизонтальное разрешение отличаются (600×1200 dpi). В этом случае принтер может распечатать 720 тысяч точек на одном квадратном дюйме.

Не следует путать разрешение принтера и монитора вашего компьютера. Под разрешением монитора понимают количество пикселей, допустим 800×600. Если преобразовать данное количество в печатный стандарт, то получится примерно 50-80 dpi. Даже печатающее устройство с самым низким разрешением печати выдаст изображение с гораздо большим количеством точек, чем отображается на мониторе вашего компьютера.

При фотопечати может быть недостаточно 90 тысяч точек на квадратный дюйм. При распечатке текстовых файлов с таким разрешением символы могут получится с эффектом «зазубренности». В этом случае разумно увеличить разрешение печати. Показатель большинства современных широкоформатных принтеров – 1440х1440 dpi. Такие устройства будут выдавать отпечатки в более высоком качестве и без эффекта зернистости.

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

Большое разрешение печати требует внушительного объема памяти. Некоторые компании-производители увеличивают разрешение, не меняя при этом объем встроенной памяти. Такое устройство сможет обработать файл с разрешением в 600 dpi, а после интерполировать его до 1 200 dpi. Такое изображение выглядит значительно лучше после интерполяции, но печатающее устройство с «истинным разрешением» справится с печатью намного качественнее.

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

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

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

Такой метод применим для печати на транслюцентных пленках, которые используются «на просвет». Еще его можно применять, если необходимо сделать отпечаток более насыщенным.

Когда необходимо создать баннер, фотопортрет или плакат, часто возникает вопрос, с каким разрешением его распечатать. Приведем пару примеров для наглядности.

Для печати билбордов и рекламных стендов больших размеров, которые будут рассматриваться издалека, используют разрешение 360 на 360 dpi. В

Источник

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

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

Dpi что значит в печати разрешениями. Смотреть фото Dpi что значит в печати разрешениями. Смотреть картинку Dpi что значит в печати разрешениями. Картинка про Dpi что значит в печати разрешениями. Фото Dpi что значит в печати разрешениями

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

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

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

Пиксели и PPI

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

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

Dpi что значит в печати разрешениями. Смотреть фото Dpi что значит в печати разрешениями. Смотреть картинку Dpi что значит в печати разрешениями. Картинка про Dpi что значит в печати разрешениями. Фото Dpi что значит в печати разрешениями

Dpi что значит в печати разрешениями. Смотреть фото Dpi что значит в печати разрешениями. Смотреть картинку Dpi что значит в печати разрешениями. Картинка про Dpi что значит в печати разрешениями. Фото Dpi что значит в печати разрешениями

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

Dpi что значит в печати разрешениями. Смотреть фото Dpi что значит в печати разрешениями. Смотреть картинку Dpi что значит в печати разрешениями. Картинка про Dpi что значит в печати разрешениями. Фото Dpi что значит в печати разрешениями

Dpi что значит в печати разрешениями. Смотреть фото Dpi что значит в печати разрешениями. Смотреть картинку Dpi что значит в печати разрешениями. Картинка про Dpi что значит в печати разрешениями. Фото Dpi что значит в печати разрешениями

Dpi что значит в печати разрешениями. Смотреть фото Dpi что значит в печати разрешениями. Смотреть картинку Dpi что значит в печати разрешениями. Картинка про Dpi что значит в печати разрешениями. Фото Dpi что значит в печати разрешениями

Dpi что значит в печати разрешениями. Смотреть фото Dpi что значит в печати разрешениями. Смотреть картинку Dpi что значит в печати разрешениями. Картинка про Dpi что значит в печати разрешениями. Фото Dpi что значит в печати разрешениями

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

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

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

Точки и DPI

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

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

Dpi что значит в печати разрешениями. Смотреть фото Dpi что значит в печати разрешениями. Смотреть картинку Dpi что значит в печати разрешениями. Картинка про Dpi что значит в печати разрешениями. Фото Dpi что значит в печати разрешениями

Dpi что значит в печати разрешениями. Смотреть фото Dpi что значит в печати разрешениями. Смотреть картинку Dpi что значит в печати разрешениями. Картинка про Dpi что значит в печати разрешениями. Фото Dpi что значит в печати разрешениями

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

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

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

Мегапиксели

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

Dpi что значит в печати разрешениями. Смотреть фото Dpi что значит в печати разрешениями. Смотреть картинку Dpi что значит в печати разрешениями. Картинка про Dpi что значит в печати разрешениями. Фото Dpi что значит в печати разрешениями

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

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

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

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

Dpi что значит в печати разрешениями. Смотреть фото Dpi что значит в печати разрешениями. Смотреть картинку Dpi что значит в печати разрешениями. Картинка про Dpi что значит в печати разрешениями. Фото Dpi что значит в печати разрешениями

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

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

Dpi что значит в печати разрешениями. Смотреть фото Dpi что значит в печати разрешениями. Смотреть картинку Dpi что значит в печати разрешениями. Картинка про Dpi что значит в печати разрешениями. Фото Dpi что значит в печати разрешениями

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

Dpi что значит в печати разрешениями. Смотреть фото Dpi что значит в печати разрешениями. Смотреть картинку Dpi что значит в печати разрешениями. Картинка про Dpi что значит в печати разрешениями. Фото Dpi что значит в печати разрешениями

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

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

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

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

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

Dpi что значит в печати разрешениями. Смотреть фото Dpi что значит в печати разрешениями. Смотреть картинку Dpi что значит в печати разрешениями. Картинка про Dpi что значит в печати разрешениями. Фото Dpi что значит в печати разрешениями

Dpi что значит в печати разрешениями. Смотреть фото Dpi что значит в печати разрешениями. Смотреть картинку Dpi что значит в печати разрешениями. Картинка про Dpi что значит в печати разрешениями. Фото Dpi что значит в печати разрешениями

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

Dpi что значит в печати разрешениями. Смотреть фото Dpi что значит в печати разрешениями. Смотреть картинку Dpi что значит в печати разрешениями. Картинка про Dpi что значит в печати разрешениями. Фото Dpi что значит в печати разрешениями

Dpi что значит в печати разрешениями. Смотреть фото Dpi что значит в печати разрешениями. Смотреть картинку Dpi что значит в печати разрешениями. Картинка про Dpi что значит в печати разрешениями. Фото Dpi что значит в печати разрешениями

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

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

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

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

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

Dpi что значит в печати разрешениями. Смотреть фото Dpi что значит в печати разрешениями. Смотреть картинку Dpi что значит в печати разрешениями. Картинка про Dpi что значит в печати разрешениями. Фото Dpi что значит в печати разрешениями

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

Выводы

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

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

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

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *