Фотошоп px против OS px

Question

При преобразовании веб-дизайна, заданного в виде файла photoshop, в формат html + css, я запутался с размерами шрифта. Как видно на рисунке ниже, 30 пикселей в фотошопе не равны 30 пикселям в других программах Windows (отличающихся на Mac или других?) Или в браузерах. Похоже, что на это не влияет создание фотошопа в разных разрешениях, отличных от 72, что по умолчанию, и не зависит от изменения единиц измерения от pt до px Кто-нибудь может намекнуть, как настроить Photoshop для использования блоков браузера px?

Answer 1

Размер шрифта в документе рисования относится к точкам, а не пикселям. Измените размер шрифта в фотошопе на 30pt, и они должны быть одинакового размера.

Точка составляет 1/72 дюйма, а эквивалент в пикселях может зависеть от DPI вашего монитора. При разрешении 96 точек на дюйм 30 точек * 1 дюйм / 72 точки * 96 точек на дюйм (разрешение экрана) составляет 40 пикселей. Чтобы преобразовать пиксели в точки, работайте в обратном направлении, поэтому 30px * 1in / 96px * 72pt / 1in = 22.5pt.

Поэтому измените размер текста рисования на 22,5, и они должны совпадать.

Answer 2

Установите значение 96 точек на дюйм.