Skip to main content
CalculoraCalculora

Финансы и Бизнес

Финансовые калькуляторыИнвестиции и ПланированиеЛичные ФинансыИнвестиции в НедвижимостьБизнес-инструментыСтартапы и Программные Компании

Математика и Технологии

Математические калькуляторыИнженерные инструментыИнструменты по физикеИнструменты РазработчикаШкольные инструменты

Здоровье и Жизнь

Медицинские инструментыУмные УтилитыРандомайзеры

Творчество и Специальное

Экономика СоздателейИсламские инструментыУстойчивое РазвитиеИгры

Конвертеры

Конвертер единицКонвертер длиныКонвертер весаКонвертер температуры→ Конвертеры единиц

Рандомайзеры

Генератор случайных чиселПроверка надёжности пароляКолесо удачиСимулятор Подбрасывания МонетыСимулятор Игральных КостейКалькулятор пересечения часовых поясов→ Рандомайзеры
Конвертер файлов

Инструменты PDF

Конвертировать PDF в JPGКонвертировать PDF в PNGИзвлечь текст из PDFКонвертировать PDF в GIFКонвертировать PDF в WebPКонвертировать PDF в SVGКонвертировать PDF в WordКонвертировать PDF в ExcelКонвертировать PDF в PowerPointКонвертировать PDF в HTMLКонвертировать PDF в MarkdownКонвертировать PDF в TIFF

Конвертер изображений

Конвертировать JPG в PNGКонвертировать PNG в JPGКонвертировать PNG в WebPКонвертировать WebP в PNGКонвертировать WebP в JPGКонвертировать JPG в WebPКонвертировать SVG в PNGКонвертировать SVG в JPGКонвертировать SVG в WebPКонвертировать BMP в PNGКонвертировать BMP в JPGКонвертировать BMP в WebP

Продвинутые изображения

Конвертировать HEIC в JPGКонвертировать HEIC в PNGКонвертировать TIFF в JPGКонвертировать TIFF в PNGКонвертировать JPG в TIFFКонвертировать PNG в TIFFКонвертировать JPG в ICOКонвертировать PNG в ICOКонвертировать JPG в AVIFКонвертировать PNG в AVIF

GIF и анимация

Конвертировать кадры GIF в PNGКонвертировать кадры GIF в JPGИзвлечение кадров GIFКонвертировать PNG в GIFКонвертировать JPG в GIFКонвертировать GIF в WebP

Редактирование

Добавить водяной знакУдаление объектов с изображенияМгновенное изменение размера изображений в браузереСжимайте изображения онлайн — уменьшайте размер файла, сохраняйте качество
Математический скоростной вызовМатематический вызовВордлБинт ВаладСудоку2048
Конвертер валют
CalculoraCalculora

Ваша универсальная платформа калькуляторов. Бесплатные, быстрые и точные инструменты для любых нужд.

100% конфиденциально — все вычисления в вашем браузере, данные не отправляются на серверНавсегда бесплатно — без платного доступа, без подписок, без необходимости аккаунта

Популярное

  • Калькулятор ИМТ
  • Кредитный калькулятор
  • Калькулятор возраста
  • Ипотечный калькулятор
  • Калькулятор процентов
  • Инженерный калькулятор
  • Посмотреть все →

Категории

  • Математика
  • Финансы
  • Здоровье и Жизнь
  • Финансы и Бизнес
  • Инструменты Разработчика
  • Инженерия
  • Категории →

Ещё

  • Конвертер валют
  • Конвертер файлов
  • Игры и инструменты для веселья

Правовая информация

  • О нас
  • Контакты
  • Политика конфиденциальности
  • Условия использования
  • Отказ от ответственности
  • Карта сайта

Языки

enEnglisharالعربيةesEspañoldeDeutschfrFrançaishiहिन्दीidBahasa IndonesiaitItalianoja日本語ko한국어ptPortuguêsruРусскийtrTürkçeviTiếng Việtbnবাংলাzh中文nlNederlandsplPolskiukУкраїнськаmsBahasa Melayuthภาษาไทย

© 2026 Calculora. Все права защищены.

Создано с помощью — 100% бесплатно

Без серверов — полностью статичный сайт, нулевой сбор данных

  1. Главная
  2. Инструменты Разработчика
  3. Конвертер единиц CSS

Конвертер единиц CSS

Мгновенно конвертируйте между px, rem, em, pt, vw, vh и %, используя собственный базовый размер шрифта и размеры области просмотра — больше не нужно гадать, сколько это 1.5rem в пикселях.

Загрузка калькулятора...
Этот инструмент вам помог?

Что такое Конвертер единиц CSS?

CSS поддерживает несколько разных единиц измерения — абсолютные, такие как px и pt, и относительные, такие как rem, em, vw, vh и %. Относительные единицы необходимы для адаптивного, доступного дизайна (rem, в частности, учитывает пользовательские настройки размера шрифта в браузере), но мысленно конвертировать между ними по-настоящему сложно, поскольку результат зависит от контекста: корневого размера шрифта, размера шрифта текущего элемента или размеров области просмотра. Этот конвертер выполняет эти вычисления за вас: задайте базовый размер шрифта, размеры области просмотра и значение, которое вы конвертируете, и мгновенно увидите эквивалентное значение в каждой другой единице — это полезно для перевода пиксельных измерений макета дизайна в адаптивные значения rem/vw или для проверки того, как реально отображается существующее CSS-правило на экране.

Когда использовать этот калькулятор

  • Когда нужно оценить стоимость до начала проекта
  • Когда хотите сравнить результаты с похожими инструментами
  • Когда хотите узнать, как использовать инструмент в разных ситуациях
  • Когда нужно поделиться результатами с командой или клиентами
  • Когда хотите проверить точность расчётов инструмента
  • Когда ищете быстрое и простое решение конкретной задачи

Шаги:

  1. Введите значение, которое хотите конвертировать, и выберите его исходную единицу.
  2. Задайте базовый размер шрифта (по умолчанию — стандартные для браузера 16px).
  3. Для конвертации vw/vh введите целевую ширину и высоту области просмотра.
  4. Мгновенно получите эквивалентное значение в каждой другой единице.

Формула

1rem = 1em = базовый размер шрифта (по умолчанию 16px) 1pt = 96/72 px ≈ 1,333px 1vw = ширина области просмотра / 100 1vh = высота области просмотра / 100 1% = опорное значение / 100

Варианты использования

  • Конвертация пиксельной спецификации дизайнера из Figma/Sketch в значения rem для доступного CSS
  • Проверка того, как реально отображается адаптивный размер шрифта на основе vw при определённой ширине экрана
  • Перевод устаревшего печатного или email-CSS на основе pt в веб-стандартные px или rem
  • Проверка того, согласована ли шкала отступов дизайн-системы между единицами
  • Быстрая проверка значения CSS во время код-ревью без открытия инструментов разработчика

Основные преимущества

  • Конвертирует между всеми 7 распространёнными единицами CSS в одном месте
  • Использует ваш реальный базовый размер шрифта и область просмотра, а не фиксированное предположение
  • Мгновенные результаты по мере ввода — не нужно открывать инструменты разработчика браузера
  • Бесплатно, без регистрации, работает полностью в вашем браузере

Советы профессионалов

  • Предпочитайте rem вместо em для размеров шрифта, чтобы избежать неожиданного накопления во вложенных компонентах
  • Используйте dvh/svh вместо vh для полноэкранных мобильных макетов, если ваши целевые браузеры это поддерживают
  • Поддерживайте согласованный базовый размер шрифта во всей дизайн-системе, чтобы конвертации rem оставались предсказуемыми
  • При переводе пиксель-идеального дизайна конвертируйте отступы в rem, но оставляйте ширину рамок и другие мелкие детали в px

Распространенные ошибки

  • Предположение, что 1rem всегда равен 16px, без проверки изменения корневого размера шрифта
  • Использование vh для полноэкранных мобильных макетов без учёта поведения адресной строки браузера
  • Вложенность размеров шрифта на основе em и удивление, когда они неожиданно накапливаются
  • Непоследовательное смешивание px и rem в одном компоненте, что нарушает масштабирование доступности

Объяснение ключевых терминов

  • Корневой размер шрифта: font-size, заданный на элементе html, относительно которого рассчитываются все единицы rem
  • Область просмотра: Видимая область веб-страницы в окне браузера
  • Абсолютная единица: Единица вроде px или pt с фиксированным реальным размером, не зависящим от контекста
  • Относительная единица: Единица вроде rem, em, vw или %, размер которой зависит от другого значения

Связанные понятия

  • [object Object]
  • [object Object]
  • [object Object]
  • [object Object]
  • [object Object]

Пример

При базовом размере шрифта 16px 1.5rem конвертируется в 24px. При ширине области просмотра 1440px 5vw конвертируется в 72px.

Интерпретация результатов

Этот инструмент показывает подробные результаты на основе введенных вами данных. Внимательно изучите каждый раздел, чтобы понять, как интерпретировать числа и принимать решения на их основе. Если у вас есть вопросы о том, как работает инструмент или как интерпретировать конкретные результаты, ознакомьтесь с разделом часто задаваемых вопросов ниже или свяжитесь со службой поддержки.

Часто задаваемые вопросы

В чём разница между rem и em?
rem всегда относится к размеру шрифта корневого элемента (html), поэтому остаётся неизменным независимо от глубины вложенности элемента. em относится к размеру шрифта текущего элемента, из-за чего может накапливаться при вложенности — этот инструмент для простоты обрабатывает обе единицы одинаково, используя ваш базовый размер шрифта.
Почему 1rem обычно равен 16px?
16px — стандартный размер шрифта браузера для корневого элемента html практически в любом браузере. Поскольку rem относится к этому корневому размеру, 1rem равен 16px, если только страница (или настройки браузера пользователя) явно не изменяют корневой размер шрифта.
Для чего используются vw и vh?
vw (ширина области просмотра) и vh (высота области просмотра) — это проценты от текущей ширины и высоты окна браузера — 1vw равен 1% ширины области просмотра. Они часто используются для полноэкранных макетов и адаптивной типографики, масштабирующейся вместе с экраном.
Всегда ли пиксель равен ровно 1/96 дюйма?
Согласно спецификации CSS — да, CSS-пиксель определён как 1/96 дюйма, поэтому 1pt (1/72 дюйма) конвертируется ровно в 96/72 = 1,333 CSS-пикселя.
Этот инструмент бесплатный?
Да, этот инструмент полностью бесплатный и не требует регистрации. Вы можете свободно им пользоваться.
Данные в безопасности?
Да, все вычисления выполняются в вашем браузере. Никакие данные не отправляются на наши серверы.
Можно ли использовать инструмент на телефоне?
Да, инструмент совместим со всеми устройствами, включая смартфоны и планшеты.
Как сохранить результаты?
Вы можете скопировать результаты или экспортировать их в формате PDF или CSV, если эта функция доступна.
Точны ли результаты?
Результаты основаны на признанных формулах и уравнениях. Проверьте правильность ввода всех значений.
Можно ли использовать инструмент офлайн?
Да, большинство вычислений выполняется локально в вашем браузере и не требует подключения к интернету.
Как решить проблему с инструментом?
Убедитесь, что вы используете последнюю версию браузера и очистите кэш при необходимости. Если проблема сохраняется, обратитесь в поддержку.

Похожие инструменты

Исследовать больше инструментов

Калькулятор соотношения сторон

Калькулятор пропускной способности

Скачать калькулятор времени

Калькулятор стоимости облачного хостинга

Калькулятор стоимости CDN

Калькулятор монетизации API

Похожие инструменты

Калькулятор соотношения сторон
Инструменты Разработчика
Калькулятор пропускной способности
Инструменты Разработчика
Скачать калькулятор времени
Инструменты Разработчика
Калькулятор стоимости облачного хостинга
Инструменты Разработчика
px
16
rem
1
em
1
pt
12
vw
1.1111
vh
1.7778
%
100