Не менее 300 dpi точек на дюйм что значит
Размеры растровых изображений: пиксели, 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. Но это другая история.
Что же такое dpi, и почему именно 300?
Такое изображение можно напечатать с разрешением 300 DPI? Да, конечно.Какого размера получится отпечаток? 25,4 см * 16,9 см.
Если такое в жизни и бывает, то мне лично не встречалось ни разу. В любом случае, размеры и пропорции вашей фотографии в журнале будут иными. При печати той же фотографии с другими размерами разрешение тоже будет другим, и во всяком случае не будет равно 300 dpi. Не говоря о том, что чаще всего верстальщик кадрирует изображение в соответствии со своими задумками, техзаданием и общей концепцией. Повторимся ещё раз: пока нет печати, нет и не может быть никаких DPI.
Значение dpi обретает смысл только в момент вывода на печать: 
P.S.:
Что же значит указанное в свойствах файла значение (72, 150, 300 dpi)? Это лишь рекомендуемое разрешение при выводе фотографии на печать в полностью автоматическом режиме, указание принтеру ленивого хозяина. И это значение можно безболезненно поменять на любое целое положительное число. В самой фотографии не изменится ничего.
© Дмитрий Песочинский, 2003-2017
При перепечатке прямая ссылка на сайт www.nevaphoto.com обязательна.
Фотосъемка в Петербурге. +7 921 337-24-39. Услуги фотографа. Профессиональная фотосъемка корпоративных мероприятий, праздников, конференций и семинаров. Промышленная и рекламная фотосъемка, фотограф на корпоратив. Сотрудничество с городскими СМИ, PR отделами. Интерьерная, предметная, репортажная, событийная фотосъемка. Опытный фотограф, фотожурналист. Профессиональная обработка и фотопечать. Фоторепортажи на заказ, фотосъемка для каталогов, буклетов, календарей. Деловой портрет, фотосъёмка для корпоративных досок почёта. Виртуальные сферические панорамы, виртуальные туры. Фотоуслуги, разработка и составление фотобанка.
DPI — это аббревиатура от «Dots Per Inch» и означает точек на дюйм.
Дюйм — единица длины равная 2,541 см.
Пиксель — «picture element» — это точка (минимальная частичка) цифрового изображения. Все, что вы видите на экране монитора или дисплее цифровой фотокамеры, состоит из пикселей.
Когда говорят о разрешении цифрового изображения или размере цифрового изображения, имеют в виду количество пикселей по длине и высоте изображения. Как правило, чем больше пикселей содержится в изображении, тем большего размера и более качественно её можно напечатать на принтере или отобразить на мониторе.
DPI имеет значение если надо напечатать изображение определенного размера. Скажем, если надо напечатать изображение 10х10 см. с разрешением в 300 DPI, то 10 см делим на 2,54 (1 дюйм = 2,54 см) получаем 3,9 х 3,9 дюймов фотография. Теперь надо 3,9 умножить на 300 DPI и получаем размер фотографии в пикселях 1050 х 1050.
Чем больше это разрешение, тем резче, насыщеннее и просто качественнее снимок.
300 dpi, это по русским стандартам 118,11 пикселей на сантиметр.
Есть разрешение в dpi и есть разрешение фото в пикселях по ширине и высоте, значит мы можем посчитать на какой размер фотографии этого хватит без потери качество.
Потому что любое фото можно дотянуть (растянуть до нужных размеров) и примерно видить начали ли выступать квадратики или терпимо или пойдёт в квадратиках.
Даже если фото нужно сделать уже или шире, можно обрезать верхние или боковые края и не много подцентрировать фото и получиться что мы хотели.
У размера 2400х1600 есть стандарт это 96 dpi, это стандарт windows известен как стандарт мониторов, раз у тебя фото, то оно и сделано фотоаппаратом в этом разрешении, потому что при создании фото или даже в графических редакторах выступает стандарт 96 dpi, наверное разве что по-умолчанию исключая фотошоп, он предлагает то ли 72 то ли 78 dpi которые легко исправить.
96 dpi это по-русски 37.8 пикселей на сантиметр.
А теперь подгоняем под сантиметры, используем реальное dpi фото при новых знаниях это 96 dpi это значит что их хватит на фото:
если держать в руках горизонтально, если вертикально то
А ты просишь распечатать в разрешении 300 dpi, это значит этой фотки хватит на размеры под 300 dpi вот на какие
При 96 dpi приближая к глазу ты увидишь сетку и между ними пространство
При 200 dpi глазу ничего не видно уже
При 300 dpi тем более
Разрешение в пикселях нет смысла иметь больше чем позволяет dpi, он просто их дожмёт под максимальное разрешении допустимое под разрешении принтера например как ты указал 300 dpi. Это огромная картинка, 2400х1600 это уже очень много. 2400х1600 это что бы не видно было квадратиков на изображении, а 300 dpi что бы не видно было пиксельной сетки.
Мне бы хотелось добавить, что DPI влияет на соотношение сторон, а значит на растяг под всю А4 страницу, а значит нужно если уж мыслить по качеству в dpi, что не правильно но удобно, то 75 dpi картинку, 150 dpi или 300 dpi по качеству, но это не правильно и тем не менее. Эта картинка не соответствует 300 dpi.
300 DPI картинка под А4 (потому что думаю речь идёт о ней) будет
3508 в ширину пикселей
2480 в высоту пикселей
для горизонтально расположенного А4 в руках
нужное изображение в 150 dpi по качеству будет
1754 в ширину пикселей
1240 в высоту пикселей
для горизонтально расположенного А4 в руках
Считаю что 150 dpi норм, потому что получается картинка в FullHD обрезанная и отцентрированная. ПО вопросу качеству вот так.
Стоит этот комментарий отметить как опытнее чем что писал выше.
21260 пикселей по ширине. по высоте сколько см? Только это квадрат, если на ткане печатать нужно будет, а она не квадратная (ширина и высота неодинаковые), то неизвестно как по собственному желанию это принтер сделает или программу вгонящая картинку в принтер или они все вместе. замер области куда печатать ширины уже сделано это 180 см осталось высота. Возможные варианты если всунуть квадрат будет либо обрезка либо растяг (на фотках когда лица вширь или ввысь растянуты) будут если неподузнать.
Точек на дюйм
DPI используется для описания разрешения числа точек на дюйм в цифровой печати и разрешения печати при увеличении точки печати твердой копии, которое представляет собой увеличение размера полутоновых точек во время печати. Это вызвано растеканием чернил по поверхности носителя.
Высококачественные струйные принтеры могут предлагать 5, 6 или 7 цветов чернил, что дает 32, 64 или 128 возможных тонов на точку (и, опять же, может случиться так, что не все комбинации дадут уникальный результат). Сравните это со стандартным монитором sRGB, где каждый пиксель дает 256 яркости света в каждом из трех каналов ( RGB ).
Хотя некоторые цветные принтеры могут создавать переменные объемы капель в каждой позиции точки и могут использовать дополнительные каналы цвета чернил, количество цветов все же обычно меньше, чем на мониторе. Поэтому большинство принтеров должны воспроизводить дополнительные цвета с помощью полутонов или сглаживания и полагаться на то, что их базовое разрешение достаточно высокое, чтобы «обмануть» человеческий глаз и заставить его воспринимать участок одного гладкого цвета.
Эти недостатки означают, что, несмотря на их заметное превосходство в создании хороших фотографий и нелинейных диаграмм, сублимационные принтеры остаются нишевыми продуктами, и, таким образом, другие устройства, использующие более высокое разрешение, меньшую глубину цвета и шаблоны сглаживания, остаются нормой.
DPI или PPI в файлах цифровых изображений
Для векторных изображений нет эквивалента передискретизации изображения при изменении его размера, и в файле нет PPI, поскольку он не зависит от разрешения (одинаково хорошо печатается во всех размерах). Однако есть еще целевой размер печати. Некоторые форматы изображений, например формат Photoshop, могут содержать как растровые, так и векторные данные в одном файле. Настройка PPI в файле Photoshop изменит предполагаемый размер печати растровой части данных, а также изменит предполагаемый размер печати векторных данных для соответствия. Таким образом, векторные и растровые данные поддерживают постоянное соотношение размеров при изменении целевого размера печати. Текст, сохраненный как контурные шрифты в форматах растровых изображений, обрабатывается таким же образом. Другие форматы, такие как PDF, в основном векторные форматы, которые могут содержать изображения, возможно, с разными разрешениями. В этих форматах целевой PPI растровых изображений корректируется, чтобы соответствовать при изменении целевого размера печати файла. Это противоположно тому, как он работает в основном с растровым форматом, таким как Photoshop, но дает точно такой же результат сохранения взаимосвязи между векторной и растровой частями данных.
Программное обеспечение отображает изображения на виртуальном экране, а затем операционная система отображает виртуальный экран на физическом экране. С логическим PPI 96 PPI старые программы могут работать должным образом независимо от реального физического PPI экрана дисплея, хотя они могут демонстрировать некоторые визуальные искажения благодаря эффективному уровню масштабирования 133,3% пикселей (требуя, чтобы каждый третий пиксель был удвоен. по ширине / высоте или использовать грубое сглаживание). [ необходима цитата ]
300 dpi и 72 dpi
Что это и в чем разница?
Разложим все по полочкам
Сегодня речь пойдёт о разрешении изображения для печати, превью и сайтов. Данная статья будет полезна широкому кругу читателей – от клиентов полиграфии до дизайнеров со стажем.
Итак, аббревиатура DPI – dots per inch переводится как “точки на дюйм”. Теперь перейдем к математике (кому не интересно, а зря, пропускайте этот абзац). 1 дюйм, согласно Википедии, – 2,54 см. Разрешение в 300 dpi означает, что на 2,54 см помещается 300 пикселей, а разрешение в 72 dpi – 72 пикселя на дюйм. Для примера, возьмем 42 дюймовый телевизор с разрешением 1980 х 1080 и мобильный телефон с диагональю экрана 5 дюймов с тем же разрешением. На расстоянии 35-50 см пиксели на телевизоре уже видны, а увидеть пиксели на телефоне не получится никак, потому что плотность пикселей в 8,5 раз выше из-за меньшей диагонали и достигает 300 dpi.
Для отрасли цифровой печати от А5 до А0 стандартно используется значение 300 dpi, этого достаточно, чтобы хорошо и качественно напечатать текст и изображение. Высылая клиенту макет на утверждение, мы делаем превью – уменьшенное изображение до 150 или 125 dpi, так как файл имеет меньший вес и быстрее пройдет по почте, соответственно легко откроется на мобильном устройстве или ПК.
Разрешение в 72 dpi используется только для размещения изображения на веб страницах, где требуется высокая скорость загрузки. В тоже время большое изображение в 72 dpi можно преобразовать в маленькое в 300 dpi, размер изображения уменьшится более чем в 4 раза. По этой причине сложно получить хороший результат на печати из изображений, загруженных из социальных сетей или других сайтов. 
Представьте, Вы нашли замечательную бесплатную фотографию в Интернете и хотите использовать её для разработки проекта на сайте и для печати плаката. Изображение огромного размера в 2500 х 1600 пикселей (841 х 594 мм в 72 dpi) будет отлично смотрится на сайте, но, преобразовав его в 300 dpi для печати, получим 211 х 135 мм (количество пикселей сохраняется – 2500 х 1600). Это означает, что напечатанное изображение на плакате А1 формата будет зернистым и размытым, как показано на изображении ниже. 
Изображение в 72 dpi можно использовать в том случае, если оно напечатано на большом формате, например, А0, так как на постеры больших размеров смотрят с расстояния не ближе чем 1,5 – 2 метра. Этот эффект можно увидеть, если посмотреть на два изображения выше, которые сделаны в разных разрешениях, отойдя на 1 метр назад, а затем еще на 1 метр назад. Обратите внимание, изображения стали одинаковы.