Почему дизайн фотошоп покажет шрифты меньше, чем в реальном браузере?

Question

Мы были снабжены созданной Photoshop техникой для веб-сайта. Он дает конкретные ширины панелей на основе пикселей и различные размеры шрифта для разных предметов (в точках).

Например, текст в сетке данных - 12pt Verdana. Сетка шириной 765 пикселей.

При визуализации в браузере (Chrome или IE) на 100%, сетка должна быть 765 пикселей, как ожидается, но шрифт будет больше, чем дизайн (примерно на 20-25% больше в браузере).

Мы подозревали, что настройки DPI в Photoshop могут быть причиной, но в любом случае они должны иметь противоположный эффект (Photoshop doc установлен на 72DPI, рендеринг Windows/браузеров при 96DPI).

Любые предложения по поводу того, что мы не замечаем? Должен ли файл Photoshop быть создан в 96DPI?

Answer 1

Вот еще одна дискуссия о pt vs px в фотошопе и о том, как вы можете изменить вместо px. Может быть, это помогает :)

https://stackoverflow.com/questions/3868627/photoshop-pt-size-conversion-to-web

Answer 2

Под CS2 Сво просто процесс перехода в меню Edit -> Preferences подменю -> Единицы измерения и линейки затем изменить тип единиц в пикселях.

Answer 3

Убедитесь, что ваш документ для фотошопа установлен на 72ppi, тогда он будет соответствовать размеру браузера