При преобразовании веб-дизайна, заданного как файл фотошопа, в html + css, я запутался в размерах шрифтов. Как видно на изображении ниже, 30 пикселей в фотошопе не равны 30 px в других программах Windows (разные на Mac или других?) Или в браузерах. На это, похоже, не влияет, создавая изображение фотошопа в разных разрешениях, чем 72, которое по умолчанию, и не изменяется при изменении единиц между pt и px. Может ли кто-нибудь намекнуть, как установить фотошоп для использования блоков браузера? alt text http://i40.tinypic.com/24y8lra.jpgPhotoshop px vs. OS px
ответ
Размер шрифта в документе краски относится к точкам, а не к пикселям. Измените размер шрифта в фотошопе на 30 пунктов, и они должны быть одного размера.
Точка 1/72 дюйма и эквивалент пикселя может зависеть от DPI вашего монитора. При 96 DPI 30pt * 1in/72pt * 96DPI (мой экран res) составляет 40 пикселей. Чтобы преобразовать пиксели в точки, работайте назад, так что 30px * 1in/96px * 72pt/1in = 22.5pt.
Так измените размер текста краски на 22,5, и они должны совпадать.
Windows обычно использует 96 DPI для монитора, независимо от фактического физического DPI монитора. Ваше изображение DPI должно соответствовать размерам точек для соответствия. Но это все еще не отвечает на вопрос о том, как сделать размер совпадающим с HTML/CSS, потому что Paint тоже не соответствует. –
Проблема в том, что он сравнивает пиксели с точками. Преобразование между ними зависит от dpi как изображения, так и экрана. –
См. Мои сравнения здесь: (У меня нет фотошопа на этом компьютере, иначе я бы это использовал.) Http://kimag.es/share/7986640.png –
Установите его на 96 точек на дюйм.
Операционные системы фактически не откалибруют физические размеры вашего монитора. Вместо этого они делают стандартное предположение о разрешении. В Windows стандартное предположение, что ОС составляет разрешение экрана, составляет 96 точек на дюйм. В Mac OS стандартное предположение составляет 72 dpi. –
Это поможет только при использовании точек для размера текста, а не px. –
- 1. Photoshop pt и css px
- 2. Дизайн Photoshop от px до dp
- 3. CSS px VS Android dp
- 4. Преобразование pt и px
- 5. CSS em vs px (ошибки округления)
- 6. android real compare dp vs. px
- 7. em vs px ... для мобильных браузеров
- 8. Почему я должен определить "transform: xxx (px px)" after all "-o -/- webkit -/- moz-transform: xxx (px px)"?
- 9. Поиск ширины обозревателя px и height px в (только) css
- 10. CSS calc() для вычитания px из% интерпретирует значение px как%
- 11. Высота контейнера 100% - px
- 12. Круг меньше 10 px
- 13. context.font = "... px Название шрифта"
- 14. CSS Height% и Px
- 15. изменение изображения px
- 16. Изменение CSS px на%
- 17. rem px в Javascript
- 18. Преобразование px в градусы
- 19. Border px issue
- 20. Разница между PX и EM
- 21. Javascript: execcommand fontsize в px
- 22. SASS - компиляция Ошибка с px
- 23. Неисправность потока BOOST_ASSERT (px! = 0);
- 24. Какова форма оператора 1/Px?
- 25. jQuery aimate height 100% - #px
- 26. div height: percent минус px
- 27. Max-width px width 100%
- 28. UILayoutGuide с высотой 20 px
- 29. Ошибка CSS "border-width" (px)?
- 30. CSS комбинирование% и px ширина
Вы нашли, что Paint соответствует размеру в браузере? Я бы подумал, что это не так - Paint не может использовать px. –