Что это такое
REM и PT — единицы измерения, которые живут в разных мирах: первый создан для гибкой вёрстки сайтов, второй пришёл из полиграфии и настольных издательских систем. Онлайн-конвертер REM в PT устраняет разрыв между этими мирами, позволяя быстро перевести rem в пункты с учётом базового размера шрифта и плотности пикселей экрана (DPI). Это не просто арифметический калькулятор, а инструмент, который понимает контекст CSS и помогает дизайнерам и разработчикам говорить на одном языке.
Как пользоваться
Работа с конвертером занимает меньше минуты и не требует специальных знаний. Вот простой алгоритм:
- Укажите базовый размер шрифта (обычно 16px — стандарт для большинства браузеров, но можно ввести своё значение, если в проекте используется другая база).
- Введите количество REM в поле конвертации — можно указать дробные значения, например,
1.5или0.875. - При необходимости задайте DPI (по умолчанию 96, что соответствует стандартным мониторам; для Retina-экранов можно выбрать 144 или 192).
- Нажмите кнопку конвертации — и получите точное значение в пунктах.
- Для пакетной обработки вставьте список значений REM (каждое с новой строки) — сервис мгновенно переведёт все числа.
- Скопируйте результат или сохраните CSS-сниппет, который сервис сгенерирует автоматически.
Кому и когда пригодится
Инструмент полезен в нескольких сценариях:
- Верстальщикам и фронтенд-разработчикам, которые получают макеты из Figma или Sketch, где размеры указаны в пунктах, а в коде нужно использовать относительные единицы.
- Типографам и дизайнерам интерфейсов, работающим над адаптивными шрифтами: перевод rem в пункты помогает проверить, как будет выглядеть текст при печати или на экранах с нестандартной плотностью.
- Специалистам по доступности (a11y), которым нужно убедиться, что размеры текста соответствуют рекомендациям WCAG (например, эквивалент 14pt для обычного текста).
- Тестировщикам, проверяющим корректность отображения вёрстки в разных браузерах и на устройствах с различными DPI.
Плюсы и ограничения
Преимущества:
- Мгновенная конвертация без установки программ и плагинов.
- Учёт базового шрифта и DPI — результат точнее, чем у примитивных калькуляторов.
- Пакетный режим экономит время при работе с большими таблицами стилей.
- Справочная таблица и CSS-сниппет помогают закрепить результат в проекте.
Ограничения:
- Результат зависит от введённого базового размера: если он указан неверно, цифры будут некорректными.
- PT — абсолютная единица, поэтому при изменении DPI на устройстве пользователя фактический размер может отличаться от расчётного.
- Инструмент не учитывает каскадное наследование REM внутри вложенных элементов — только корневой размер.
Частые вопросы
Чем PT отличается от PX?
PT (пункт) — полиграфическая единица, которая равна 1/72 дюйма. PX (пиксель) — аппаратная точка экрана. При DPI 96 один пункт равен примерно 1.333 пикселя. Конвертер учитывает это соотношение, поэтому перевод rem в пункты через пиксели даёт точный результат.
Почему в CSS не используют PT для веб-шрифтов?
Пункты плохо масштабируются на устройствах с разной плотностью пикселей. Если задать font-size: 12pt, на Retina-экране текст будет выглядеть иначе, чем на обычном мониторе. REM привязан к корневому элементу и позволяет легко менять масштаб всего сайта одной строкой кода.
Какой базовый шрифт указывать в конвертере?
По умолчанию браузеры используют 16px. Если вы не меняли html { font-size: ... }, смело ставьте 16. Если в проекте задан другой корневой размер (например, 10px для удобства расчётов), обязательно укажите его — иначе результат будет неверным.
Можно ли конвертировать сразу несколько значений?
Да, для этого предусмотрен пакетный режим. Вставьте список чисел (по одному на строку) в соответствующее поле, и сервис обработает их все разом. Это удобно при работе с целыми таблицами стилей.
Зачем нужен параметр DPI, если я работаю только с CSS?
DPI влияет на физический размер пункта на конкретном устройстве. Если вы верстаете сайт, который будут печатать (например, PDF-версии или прайс-листы), правильный DPI критичен. Для экранной вёрстки обычно достаточно значения 96.