Преобразование pt и px

Question

Я пытаюсь понять преобразование PT в PX. Я использую Photoshop, HTML и CSS, и в браузере это не работает. Я понимаю, что вы можете решить это с помощью этого: точки = пиксели * 72 / 96? 96 точек на дюйм установлен на компьютере? Будет ли влиять на формулу разрешение экрана или разрешение, установленное в Photoshop?

Answer 1

Если вы посмотрите на спецификацию CSS Values ​​and Units Level 3, физически измеренные единицы (включая pt) определяются как их физический размер на данном носителе (так 1cm одинакового размера на экране и бумаге). px (Пиксель) единица определяется в терминах опорного пикселя 96dpi независимо от разрешения отображаемого носителя.

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

У тебя есть 1px = 1/96in => 96px = 1in в связи с определением опорного пикселя.

У тебя есть 1pt = 1/72in => 72pt = 1in из-за определения точки.

Следовательно, объединяя два уравнения, вы получаете:

   72pt = 96px
=> (72 / 96)pt = 1px

умножая обе части уравнения на P (количество пикселей) дает вам:

P(72 / 96)pt = Ppx

какое уравнение у вас есть.

Вы должны убедиться, что настройки DPI для Photoshop установлены на эквивалентные настройки.