Photoshop px vs. ОС 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 точек на дюйм.