2009-06-16 3 views
4

При преобразовании веб-дизайна, заданного как файл фотошопа, в html + css, я запутался в размерах шрифтов. Как видно на изображении ниже, 30 пикселей в фотошопе не равны 30 px в других программах Windows (разные на Mac или других?) Или в браузерах. На это, похоже, не влияет, создавая изображение фотошопа в разных разрешениях, чем 72, которое по умолчанию, и не изменяется при изменении единиц между pt и px. Может ли кто-нибудь намекнуть, как установить фотошоп для использования блоков браузера? alt text http://i40.tinypic.com/24y8lra.jpgPhotoshop px vs. OS px

+0

Вы нашли, что Paint соответствует размеру в браузере? Я бы подумал, что это не так - Paint не может использовать px. –

ответ

6

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

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

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

+2

Windows обычно использует 96 DPI для монитора, независимо от фактического физического DPI монитора. Ваше изображение DPI должно соответствовать размерам точек для соответствия. Но это все еще не отвечает на вопрос о том, как сделать размер совпадающим с HTML/CSS, потому что Paint тоже не соответствует. –

+0

Проблема в том, что он сравнивает пиксели с точками. Преобразование между ними зависит от dpi как изображения, так и экрана. –

+0

См. Мои сравнения здесь: (У меня нет фотошопа на этом компьютере, иначе я бы это использовал.) Http://kimag.es/share/7986640.png –

1

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

+1

Операционные системы фактически не откалибруют физические размеры вашего монитора. Вместо этого они делают стандартное предположение о разрешении. В Windows стандартное предположение, что ОС составляет разрешение экрана, составляет 96 точек на дюйм. В Mac OS стандартное предположение составляет 72 dpi. –

+2

Это поможет только при использовании точек для размера текста, а не px. –