Как верно задавать resolution в Photoshop для верстки сайтов (pixel/inch или pixel/centimeter)?

Очень часто получал макеты (PSD) и если скажем я вижу там размер шрифта 15pt - то в браузере этому будет соответствовать 15px.

Но сейчас получил макет в котором все размеры шрифтов в pt, но если я реально задам 20px или 20pt в верстке - текст будет значительно больше, чем в макете. Данный макет был в pixel/inch. Перевел его в pixel/centimeter с сохранением размеров, и теперь более менее похоже, если я буду верстать в pt.

Но хотелось бы понять эту разницу и что сказать дизайнеру, чтобы было, как раньше? Или вообще как правильно?..

Ниже привожу пример картинки 100x100px созданной в ФШ разными способами. Текст в обоих картинках написан размером в 20pt шрифтом Arial Regular.
Pixel/inch:
99e3cde7c4c6469c9a3d783130530b34.png
Pixel/Centimeter:
b01d11352ee3452c9585ba14f470b947.png

Как видно, на размер самой картинки не влияет, указан Pixel/inch либо же Pixel/Centimeter, но влияет на размер текста.

Если прямо в браузере попытаться добавить текст к картинкам, то мы получим следующее (текст между картинками добавлен в браузере из панели разработчика Chrome):
9bf9146317264c1aa26bc92f2cd9d000.png

Т.е. 20pt из документа Pixel/Centimeter более похожи на 20pt в браузере. Но как добраться до верных значений в px?
  • Вопрос задан
  • 368 просмотров
Решения вопроса 1
pashakiz
@pashakiz Автор вопроса
web dev
Проблема найдена там, где не искал )
19325c05aa5b4db19859f80cf1bc4b94.png
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@Froggyweb
pixel/inch - 'это справедливо и для полиграфии. Нафиг там pixel/centimeter вообще неизвестно кто его использует
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы