Преобразование единиц размера шрифта

1Пиксель = 0.75Пункт

0.75

Типографические единицы

Пункт (pt)0.75

Пиксель (px)1

Независимый от плотности пиксель (dp)0.75

Масштабируемый пиксель (sp)0.75

Бесплатный онлайн-инструмент для преобразования единиц измерения размера шрифта, который поддерживает двустороннее преобразование в реальном времени 4 часто используемых единиц набора текста и пользовательского интерфейса: pt, px, dp и sp. На текущей странице используется фиксированное соотношение ссылок: 1 пиксель = 0,75 пт, 1 пт ≈ 1,333 пикселя. В то же время в этом инструменте dp и sp сопоставляются с pt по одной и той же эталонной основе, что облегчает быстрое статическое сравнение черновиков дизайна, описаний Web/CSS и аннотаций пользовательского интерфейса Android. Следует отметить, что на этой странице не учитываются масштабирование браузера, плотность пикселей устройства, масштабирование шрифта Android или реальный размер печати, поэтому она больше подходит для сравнения спецификаций и унификации документов, а не для замены тестирования рендеринга на реальном устройстве. Все расчеты производятся локально в браузере, данные не загружаются на сервер.

О статическом калибре преобразования pt, px, dp, sp

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

Важно отметить, что px в CSS не всегда равен физическому пикселю на устройстве, он ближе к «эталонному пикселю». Таким образом, 16 пикселей в дизайне, 16 пикселей в стиле веб-страницы и окончательный визуальный размер, отображаемый на экране мобильного устройства, по-прежнему будут зависеть от масштабирования, плотности и реализации платформы.

dp и sp чаще встречаются в контексте интерфейса Android. Вообще говоря, dp более ориентирован на размер макета интерфейса, тогда как sp более ориентирован на размер шрифта и будет учитывать масштабирование системного шрифта. Однако эта страница не является симулятором времени выполнения. Он не будет считывать плотность или масштаб шрифта определенного мобильного телефона. Он просто помещает эти единицы измерения на единую справочную линейку для статического сравнения.

В настоящее время на этой странице используется фиксированное ссылочное соотношение: 1 пиксель = 0,75 пт, 1 пт ≈ 1,333 пикселя, а dp и sp сопоставляются с одной и той же ссылочной базой, что способствует быстрой унификации проектных проектов, спецификаций и перекрестной связи. Он решает проблему «как сравнивать и писать документы», а не проблему «насколько большим должен быть конечный размер дисплея на устройстве».

Если вашей рабочей целью является реальный размер печати, точность до миллиметра бумаги, система rem/em браузера или проверка масштабирования шрифтов на реальном компьютере Android, то вместо этого вам следует использовать соответствующие инструменты длины, программное обеспечение для проектирования или тестирование реальных устройств. Эта страница лучше подходит для составления спецификаций, предварительного анализа и документации по доставке.

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

Быстро измените размеры шрифта 16 пикселей, 18 пикселей и 24 пикселей в черновике проекта на pt, что упрощает запись в документах PPT, Word или спецификациях бренда.
Замените размеры шрифтов 12 пт, 14 пт и 18 пт, указанные в документе, на px, чтобы облегчить сравнение внешнего интерфейса и дизайнера.
При разработке веб-дизайна унифицируйте общие размеры шрифтов CSS и размеры pt в презентационных документах.
В описании пользовательского интерфейса Android быстро замените pt или px в черновике дизайна на ссылочные значения dp и sp, чтобы облегчить общение.
При организации текстовых спецификаций библиотеки компонентов унифицируйте написание размеров шрифта кнопок, основного текста, заголовков и субтитров.
Объедините смешанные размеры шрифтов px и pt в исторической системе дизайна в один и тот же набор сравнительных таблиц, чтобы снизить затраты на миграцию.
Добавляйте двойные аннотации к документам для совместной работы, чтобы дизайнеры, интерфейсные и мобильные терминалы могли быстро понять один и тот же размер шрифта.
При визуальном осмотре и тестировании быстро преобразуйте различные единицы в аннотациях черновика проекта и стилях кода и сравнивайте их.
При подготовке руководств по бренду, плакатов к мероприятиям или шаблонов презентаций перед их распространением унифицируйте правила размера шрифта в справочный размер.
Подготовьте единую таблицу сравнения размеров шрифтов для электронных писем, целевых страниц, H5 и интерфейсов копирайтинга приложений.
В рамках образовательного обучения или внутреннего обмена объясните различия и общие отношения преобразования pt, px, dp, sp.
Быстро преобразуйте аннотацию размера шрифта на снимке экрана в другой набор единиц, более знакомый команде, чтобы облегчить просмотр и изменение.
При создании многоязычной документации по продукту используйте единый калибр преобразования, чтобы дополнить примеры размеров шрифтов для разных платформ.
На ранней стадии проверки, когда нет оборудования для тестирования, сначала используется статическое преобразование, чтобы быстро определить, является ли уровень размера шрифта примерно приемлемым.

Как использовать

Введите известное значение размера шрифта в поле ввода, поддерживая целые и десятичные числа.
Выберите исходную единицу измерения слева, необязательно pt, px, dp, sp.
Выберите целевой объект справа, и результаты будут немедленно обновлены; вы можете нажать среднюю кнопку замены, если вам нужно просмотреть ее в обратном порядке.
Если вы хотите увидеть все сразу, разверните панель результатов, чтобы просмотреть полное соответствие значения в 4-х единицах одновременно.

Функции

4 высокочастотных размера шрифта/единицы пользовательского интерфейса, охватывающие: pt, px, dp, sp, подходят для быстрого сравнения во время дизайна, внешнего интерфейса и мобильной доставки.
Двустороннее мгновенное преобразование: результат обновляется сразу после ввода значения, исходную единицу и целевую единицу можно свободно переключать, не нажимая кнопку преобразования.
Фиксированная прозрачность ссылочного отношения: на текущей странице используется 1 пиксель = 0,75 пт, 1 pt ≈ Общий эталонный размер 1,333 пикселя обеспечивает унифицированный размер спецификаций и эскизов проекта.
Четкое статическое сравнение dp и sp: на этой странице dp и sp помещаются на одной справочной линейке для быстрого преобразования, подходящей для написания документов, создания аннотаций и взаимодействия между командами.
Можно развернуть для просмотра всех результатов: одинаковое значение размера шрифта указано в pt, px, dp, sp. Соответствующие значения, приведенные ниже, могут отображаться одновременно для облегчения однократной проверки.
Подходит для небольших чисел и промежуточных значений: общие нецелые значения в проектах, таких как 13,5 пикселей, 10,5 pt, 14 sp, также могут быть преобразованы напрямую.
Четко подскажите границу рендеринга: страница будет различать «статическое преобразование» и «отображение реального устройства», чтобы снизить риск ошибочного принятия эталонного значения за окончательное физическое изображение. размер
Локальный расчет в браузере: никакие сетевые запросы, никакие журналы сервера, ваши аннотации к дизайну, спецификации компонентов и параметры документа доставки не покинут устройство.

Как выбрать единицу размера шрифта?

Речь идет также о том, насколько велик размер шрифта, и разные единицы подходят для разных сценариев. Сначала выясните, пишете ли вы черновой вариант дизайна, веб-стиль или спецификацию Android.

Единица	Наиболее распространенные сценарии	Преимущества	Примечания	Эта страница поддерживает
pt	Word, PPT, PDF, спецификации бренда, документы со шрифтами	Наиболее распространено в набор текста и контекст документа, легко согласовываться с инструкциями по шрифтам.	При переключении на экранный контекст лучше всего добавить столбец сравнения пикселей.	Поддерживается
px	Веб-страницы, проекты дизайна, аннотации CSS, проекты интерфейса.	Связь между дизайном и интерфейсом является наиболее прямой и наиболее общая реализация	Не абсолютные физические пиксели, браузеры и устройства будут влиять на окончательное отображение	Поддержка
dp	Разметка Android и аннотации к интерфейсу	Подходит для логического размера описания устройства с различной плотностью	Эта страница не имитирует реальную плотность устройства, только статическая ссылка конверсия	Поддержка
sp	Аннотация размера текста Android	Подходит для текстового контекста и удобна для общения с мобильными командами.	На реальное отображение также влияет масштабирование системного шрифта.	Поддержка
em/rem/mm/in	Относительные веб-единицы или физический размер печати	Подходит для конкретных системы проектирования и реализации	Это выходит за пределы диапазона поддержки текущей страницы, и необходимо использовать другие инструменты или тесты	Не поддерживается

Best Practices

Сначала согласуйте единый тест для команды, а затем сравните его между подразделениями.

Если дизайн, интерфейс и мобильные терминалы сначала не объясняют четко тест конверсии, то одни и те же 16 легко понять как разные визуальные размеры. Будет более стабильно сначала унифицировать калибр, а затем использовать эту страницу для дополнения двойной маркировки единиц.

Считайте результаты этой страницы эталонным значением доставки, а не конечным результатом рендеринга.

Эта страница подходит для статического сравнения проектов проектов, документов и спецификаций, но масштабирование браузера, плотность устройств и настройки системных шрифтов могут немного отличаться от фактического отображения. Перед выходом в Интернет все равно необходимо провести визуальную проверку в целевой среде.

Переключайтесь на единицы длины и реальное программное обеспечение для набора текста, когда требуются физические размеры.

Если ваша цель — подтвердить фактический размер бумаги, точность до миллиметра печатного продукта или физический размер экспортированного PDF-файла, то не просто смотрите на статические результаты преобразования pt/px/dp/sp.

Текст Android учитывает масштабирование системного шрифта.

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

В Интернете Если вы действительно используете rem или em, сначала уточните размер корневого шрифта.

Эта страница не меняет rem/em напрямую, но вы все равно можете восстановить rem/em до пикселей в соответствии с размером корневого шрифта проекта, а затем сравнить его с pt или аннотациями дизайна. Главное — сначала прояснить контекст.

Постарайтесь сохранить как исходную единицу измерения, так и результат преобразования при доставке.

Например, написание его как 16 пикселей / 12 пт или 14 sp / 14 pt позволит получателю быстро понять ваше первоначальное намерение и облегчит последующее отслеживание.

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

Какие единицы поддерживает этот конвертер единиц размера шрифта?

Эта страница в настоящее время поддерживает 4 единицы: pt, px, dp, sp. Он подходит для статического числового сравнения в проектах дизайна, размерах шрифтов CSS, аннотациях пользовательского интерфейса Android и документах компонентов. Текущая страница не поддерживает другие единицы набора текста/длины, такие как em, rem, мм, см, дюймы или ПК.

1 точка равна скольким пикселям? 16 пикселей равно скольким пт?

Согласно фиксированному соотношению ссылок, принятому в настоящее время на этой странице, 1 пт ≈ 1,333 пикселя, 1 пиксел = 0,75 пт. Итак, 16 пикселей = 12 пикселей, 12 пикселей = 16 пикселей, 18 пикселей = 13,5 пикселей. Этот калибр очень подходит для быстрой перекрестной проверки черновиков веб-дизайна и презентационных документов.

В чем разница между px и pt?

pt (точка) больше ориентирована на набор текста и контекст документа и исторически часто появляется вместе с печатью и размером шрифта; px (пиксель) больше ориентирован на экран и контекст CSS и обычно используется на веб-страницах и в черновых аннотациях. Оба они могут использоваться для описания размеров шрифтов, но среды использования разные, поэтому многим командам придется сравнивать конверсии между px и pt при разработке дизайна.

В чем разница между dp и sp?

dp обычно используется для выражения размера интерфейса в Android, которое связано с плотностью, но не соответствует масштабированию шрифта, а sp обычно используется для выражения размера текста, которое соответствует масштабированию шрифта. Следует отметить, что в целях статического сравнения спецификаций на этой странице не считывается реальная плотность устройства или масштаб системного шрифта, а помещается их на единую эталонную основу для линейного преобразования.

Почему значения, замененные на странице, могут не совпадать со значениями, отображаемыми на реальном устройстве?

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

Почему в этом инструменте связи между dp, sp и pt настолько близки?

Поскольку на текущей странице используются статические калибры преобразования в единой справочной линейке, вам удобно быстро сравнивать различные единицы измерения в документах, проектах и спецификациях вместо чтения среды рендеринга определенного устройства в реальном времени. Вы можете думать об этом как о «эталоне преобразования в том виде, в каком оно было доставлено», а не о реальном калькуляторе пикселей в среде выполнения Android.

Можно ли его обменять на бэр, эм, мм, см или дюймы?

Не сейчас. Фактически поддерживаемый диапазон на этой странице составляет всего четыре единицы: pt, px, dp и sp. Если вам нужны относительные единицы измерения, такие как бэр и эм, или физические единицы длины, такие как мм, см и дюймы, вам следует использовать соответствующие основы проектирования или другие инструменты измерения длины, чтобы обрабатывать их отдельно.

Подходит ли эта страница для реальной печати или расчета размера печати?

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

Могу ли я вводить десятичные значения, например 13,5 пикселей?

Может. Нецелые значения, такие как 10,5 pt, 13,5 px и 14 sp, обычно используются в системах дизайна и сценариях тонкой настройки интерфейса. Эта страница может напрямую конвертировать их. Это сделает его более удобным при предоставлении спецификаций компонентов, организации документов с аннотациями и выполнении многосторонних сравнений.

Как мне следует использовать этот инструмент при выполнении проекта?

Более безопасный подход — сохранить исходные расчетные единицы, а затем использовать эту страницу для заполнения столбца преобразованных справочных значений. Например, если черновой вариант дизайна написан с разрешением 16 пикселей, вы также можете написать его с размером 16 пикселей / 12 пикселей для команды разработчиков интерфейса или документации. Если команда сначала договорится об одной и той же основе конверсии, стоимость связи будет намного ниже.

Можно ли использовать эту страницу в автономном режиме? Будут ли загружены данные?

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

Глоссарий

точка (пт): Классическая единица размера наборного шрифта, обычно используемая в Word, PPT, PDF, спецификациях брендов и документах с описанием шрифтов.
Пиксель(пикселей): CSS, одна из наиболее распространенных единиц интерфейса на веб-страницах и в проектах дизайна, ближе к эталонным пикселям, чем к абсолютным физическим пикселям.
независимый от плотности пиксель (dp): Общая единица логического размера в контексте Android, используемая для поддержания относительно единообразного масштаба интерфейса на устройствах с разной плотностью.
Масштабирование шрифта в пикселях (sp): Общие единицы в текстовом контексте Android обычно учитывают масштабирование системного шрифта, которое подходит для выражения размера текста.
Эталонный пиксель CSS: Концепция эталонной длины, используемая в макете браузера, не обязательно равна физическому пикселю на экране.
Плотность пикселей устройства: Сколько физических пикселей приходится на единицу длины экрана, будет влиять на фактический эффект отображения одной и той же логической единицы на разных устройствах.
Масштабирование шрифта: Дополнительные настройки масштабирования размера текста на уровне операционной системы или приложения повлияют на фактические результаты отображения.
Фиксированное преобразование ссылок: Выполняет статическое линейное преобразование в соответствии с единым тестом, который подходит для сравнения документов и результатов проекта, но не эквивалентен моделированию рендеринга реального устройства.

Быстрая проверка основных точек преобразования размера шрифта

Эти значения сравнения чаще всего используются в проектах дизайна, CSS и доставке документов.

пт	пикселей	dp (калибр этой страницы)	sp (калибр этой страницы)	Типичный сценарий
9пт	12 пикселей	9дп	9сп	Минимальная вспомогательная информация, вторичное описание таблицы
10,5 пт	14 пикселей	10,5 дп	10,5сп	Небольшой текст, текст описания
12пт	16 пикселей	12дп	12сп	Общее тело или текст формы
13,5 пт	18 пикселей	13,5 дп	13,5сп	Акцент на тексте и названиях карточек
18пт	24 пикселей	18дп	18сп	Большой заголовок или ключевая информация страницы
24 пт	32 пикселей	24дп	24сп	Название на обложке, звание героя

Выберите единицу размера шрифта в соответствии со сценой.

Одно и то же значение размера шрифта записывается в разных единицах измерения и обслуживает разные объекты совместной работы.

Сценарий	Более подходящая единица измерения	Причина
PPT, Word, руководство по бренду, спецификация PDF	pt	Наиболее естественный в контексте документа и набора текста, легче всего согласовать со спецификацией шрифта
Стиль веб-страницы, черновой вариант дизайна, Figma/CSS доставка	px	Самая низкая стоимость взаимодействия между дизайном и внешней реализацией
Описание размера макета Android	dp	Ближе к контексту логического размера Android
Описание размера текста Android	sp	Ближе к контексту аннотаций мобильных шрифтов, но в конечном итоге все еще зависит от реального машинного масштабирования.
Доставка документов между командами.	Сохраните исходные единицы и добавьте столбец значений преобразования.	Можно учитывать привычки чтения дизайнеров, интерфейсных и мобильных терминалов.

Privacy & Security

Все преобразования размеров шрифтов на этой странице выполняются в вашем браузере. Аннотации дизайна, спецификации шрифтов, документы компонентов и параметры доставки, которые вы вводите, никогда не покидают ваше устройство — ни сетевые запросы, ни журналы сервера, а ваши записи удаляются при закрытии страницы. Что касается внутренних систем проектирования и неопубликованных спецификаций, эта страница не собирает и не хранит какой-либо контент.