В чем разница между точками и пикселями?

Пиксель - это один квадратный «элемент изображения» (отсюда и пиксель), то есть одна точка на вашем изображении. Изображение 10x10 состоит из набора пикселей в сетке шириной 10 на 10, в общей сложности 100 пикселей.

«Точка» (pt), с другой стороны, является единицей длины, обычно используемой для измерения высоты шрифта, но технически способной измерять любую длину. В приложениях 1pt равен ровно 1/72 дюйма; в традиционной печати технически 72pt составляет 0.996264 дюйма, хотя я думаю, что вы будете прощены за его округление!

Сколько пикселей = 1pt зависит от разрешения вашего изображения. Если ваше изображение 72 пикселей на дюйм (пикселей на дюйм), то одна точка будет равна ровно одному пикселю.

Точка - это физическая единица длины, используемая в типографии. Это равно 1/12 Пика и 1 Пика = 1/6 дюйма. Так 1 пт = 1/72 дюйма.

Поэтому на дисплее с разрешением 72 ppi 1 точка = 1 пиксель.

В CSS

Pt - это 1/72 дюйма, а px - 1/96 дюйма.

Следовательно, px составляет 0,75 pt ^{[источник]} .

В CSS все несколько абстрагировано, поэтому такая единица, как «pt», не обязательно является одной точкой физического размера, особенно на экране , «in» не обязательно имеет размер в один дюйм и так далее. Даже «px» больше не обязательно должен быть размером в один пиксель: все масштабируется так, чтобы соответствовать гипотетическому устройству с разрешением 96 ppi при просмотре на нормальном расстоянии чтения, что означает, что на экранах, которые значительно отличаются от 96 ppi или от нормального расстояния чтения, все будет масштабироваться, но по-прежнему поддерживать те же отношения, т. е. pt будет по-прежнему 4/3 пикселя и будет по-прежнему 1/72 от единицы.

В печати

В печати точка обычно составляла где-то от 1/67 дюйма до 1/72,5 дюйма.

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

В печати вы обычно не измеряете в пикселях, потому что это технические подробности о целевом принтере или устройстве, которые не являются абсолютным измерением. Например, дизайн может быть напечатан с разрешением 125 т / д, 300 т / д или 1200 т / д и иметь одинаковые физические размеры.

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

В конце 1980-х и в 1990-е годы традиционная точка была вытеснена точкой публикации рабочего стола (также называемой точкой PostScript), которая была определена как 72 точки на дюйм (1 точка = 1⁄72 дюйма = 25.4⁄72 мм = 0.3527 мм).

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

Распространение устройства усложняет условия

Как правило, предыдущие ответы являются точными с точки зрения различия между печатным и цифровым. Тем не менее, новые устройства представили дополнительную сложность.

Apple имеет привычку использовать «точку» для более эффективной ссылки на «контрольные пиксели». Из библиотеки Apple для разработчиков iOS :

Очки против пикселей

В iOS существует различие между координатами, которые вы указываете в своем коде чертежа, и пикселями базового устройства. При использовании собственных технологий рисования, таких как Quartz, UIKit и Core Animation, координатное пространство рисования и координатное пространство вида являются логическими координатными пространствами с расстояниями, измеренными в точках. Эти логические системы координат отделены от пространства координат устройства, используемого системными структурами для управления пикселями на экране.

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

One point does not necessarily correspond to one physical pixel.

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