Перевод pt в px ?

[Melnik]

Размеры шрифта в макете заданы в пунктах (12pt).

Нужно ли эти размеры при верстке переводить в px или em ? Если да , то как это сделать ? Спасибо.

[sammasati]

В настройках фотошопа поменять единицы измерения на пиксели

[Great Rash]

12pt * 96 / 72 = 16px

[Melnik]

sammasati, Great Rash cпасибо.

Поменял в настройках фотошопа еденицы измерения , начал отображать 1:1, то есть было 12pt , стало 12px. Явно не выходит формула pt * 96 / 72 = px.

Пересчитывать все шрифты вручную ?

[Great Rash]

Выходит. Просто на экране монитора разрешение меньше чем в полиграфии. В полиграфии обычно используется разрешение 96dpi (dots per inch - точек на дюйм), а на мониторе мы видим 72dpi. Поэтому чтобы корректно отобразить pt в px нужно чтобы PSD-макет был сделан в разрешении 96dpi. Но многие дизайнеры даже не подозревают об этом или слишком ленивы чтобы узнать про этот нюанс, а по умолчанию в фотошопе разрешение макета стоит 72dpi, но при этом все размеры в точках (для полиграфии), а не в пискелях (для электронных девайсов). Отсюда гемор для нас верстальщиков.

Короче если PSD-макет сделан под 72dpi, то можно не парится т.к. примерно 1pt = 1px. Но только примерно, чем больше шрифт тем больше погрешность. Для отображения 1 в 1 нужно чтобы разрешение макета было 96dpi и пересчитывать по формуле которую я дал выше.

[SelenIT]

Пункты в фотошопе != пунктам в CSS. Пиксели, в первом приближении (вынося за скобки нюансы новейших девайсов Apple и т.п.), одинаковы и там, и там.

[Melnik]

Great Rash проверил разрешение макета - действительно 72 dpi )))) Гениально

Еще раз спасибо за четкое объяснение.

SelenIT,вопрос был по переводу pt в px, a не pt в pt.

[SelenIT]

Для любого верстальщика "перевод pt в px" означает перевод CSS-ных пунктов в пиксели, который, согласно спецификации, однозначен — 3 к 4. Поскольку на самом деле вопрос был о фотошоповских пунктах, я и уточнил.

[Melnik]

SelenIT, ааааааааа понял...спасибо.

А в спецификации 3 к 4, это те же 72dpi к 96dpi.

А значит pt тот же пиксель , только на бумаге. Однако прикольно.

[Great Rash]

А значит pt тот же пиксель , только на бумаге. Однако прикольно.

Именно так и есть. Если не ошибаюсь, то термин pt и dpi был введен во времена появления принтеров. Размерность pt может различаться в зависимости от того какой используется в принтере картридж. В старых принтерах диаметр сопла картриджа был больше, из-за этого размер точки (pt) на бумаге был тоже больше, ну и соответственно плотность точек (dpi) при печати была меньше. В современных струйных и лазерных принтерах dpi гораздо выше чем раньше (как дело обстоит с офсетной печатью не представляю). Почему на мониторах за стандарт приняли 72dpi тоже не понятно.

[SelenIT]

Насколько я в курсе, термин pt был введен весьма задолго до принтеров, dpi принтеров с ним не связано (на то оно и dpi, а не ppi) , а связано как раз с понятиями "device pixel" и "reference pixel". А экранный стандарт 72dpi был принят Эпплом ради преемственности с печатной традицией докомпьютерной поры (т.к. основной сферой применения древних Маков была полиграфия).

[Great Rash]

pt - это point, а не punct. Пруф.

dpi - dots per inch

ppi - pixels per inch (а не points per inch). Пруф.

На счет введения да был не прав.

UPD:

На счет Apple и 72dpi Тёма Лебедев снова наврал. Apple принял 72ppi за стандарт, потому что первый персональный комп они содрали с Xerox Alto, где уже был стандарт 72ppi просто потому, что при такой плотности пикселей 1px будет примерно равен 1pt.

[SelenIT]

pt - это point, а не punct

Типографский пункт, он же английский пойнт, он же французский пуант (оба производные от латинского пунктума), в буквальном русском переводе — точка. Но не физическая минимальная точка принтера (которая dot в dpi).

ppi - pixels per inch (а не points per inch).

Естественно, потому что "points per inch" — константа 72 по построению стандарта PostScript (и по спеке CSS).

просто потому, что при такой плотности пикселей 1px будет примерно равен 1pt.

Ну я это под "преемественностью с докомпьютерной печатной традицией" и подразумевал . Нарочно или случайно так совпало, не суть важно, имхо, главное, в те времена это считалось удобным...

[Melnik]

SelenIT,Great Rash правильно ли понял :

а)пункт = пойнт= пуант ?

б) вначале был пункт и меряли им тексты книг и все было хорошо ,

потом появились моники , на что Xerox, сказал да будет пиксель , который будет равен типографскому пункту, и снова стало все хорошо

Но тут появились принтеры , сканеры и подобные им зверюги, которые отказывались мериться в пикселах и пунктах,поэтому для них создали dot,который в теории равен пикселу .

И все было бы хорошо и замечательно , если бы не майкрософт, который поломал всю эту стройную схему породив 96ppi, от которого потом произошли и 96dpi.

Прошло время , и произошла забавная ситуация, а именно: из реальности в веб перебрался стандарт 72 ppi,а в полиграфию же из веба стандарт 96dpi.

[SelenIT]

"Пойнт" и "пуант" — просто звучание слова "пункт" на соотв. языках. Пункт в разные времена и в разных странах немножко менялся, но к нашему времени "утрясся" к значению ровно 1/72 дюйма.

Dot — это наименьшая физическая точка устройства (чаще всего принтера), которая может быть примерно равна пункту (первые матричные пр-ры), но чаще намного меньше, так что один пункт отображается целой кучей "dots".

Пиксель — изначально был тем же "dot" применительно к монитору, сначала это никого не напрягало (те, для кого важно, работали на мониторах с удобных соотношением 1px = 1pt, остальным было пофиг), потом стало напрягать, т.к. мониторов расплодилось много всяких и разных, а дизайнерам хотелось иметь возможность воспроизвести картинку везде по возможности одинаково. Для этого авторы CSS сначала пытались внедрить "эталонный пиксель", соответствующий 1/96 дюйма на расстоянии вытянутой руки (71 см), а потом махнули рукой и установили жесткое соотношение 1px = 1/96 дюйма = 0.75pt.

Но другие программы (тот же фотошоп) по-прежнему могут иметь свое мнение насчет соотношения между ними (к счастью, у фотошопа этим можно управлять).

[Melnik]

SelenIT премного благодарен,вопросов больше не имею.

P.S.

Хотел заплюсовать Вас и Great Rash , да только мне пишут, что я исчерпал свой лимит.