Сколько пикселей в 1 см в фигме

В дизайне интерфейсов точность измерений имеет критическое значение, особенно когда речь идёт о переводе между физическими единицами, такими как сантиметры, и цифровыми — пикселями. Многие дизайнеры, работающие в Figma, сталкиваются с вопросом: сколько пикселей в 1 см? Ответ не так прост, как может показаться на первый взгляд, поскольку он зависит от множества факторов, включая плотность экрана (PPI), масштабирование макета и контекст использования — веб, мобильное приложение или печать. В этой статье мы подробно разберём, как соотносятся сантиметры и пиксели в Figma, какие параметры влияют на это соотношение и как правильно использовать его в повседневной работе.

От чего зависит количество пикселей в сантиметре

Когда вы задаёте вопрос «сколько пикселей в 1 см», важно понимать, что пиксель — это не физическая величина, а условная единица, зависящая от плотности отображения. В отличие от миллиметра или дюйма, пиксель не имеет фиксированного размера в реальном мире. Его размер определяется плотностью пикселей на дюйм (PPI — pixels per inch) конкретного экрана.

Стандартный PPI для многих экранов составляет 96, что используется как базис в веб-дизайне. При этом 1 дюйм равен 2.54 см, следовательно, 1 см будет содержать около 37.8 пикселей (96 / 2.54 ≈ 37.8). Однако это лишь усреднённое значение. Современные дисплеи могут иметь PPI от 72 до более чем 500, что кардинально меняет соотношение.

Для мобильных устройств ситуация ещё сложнее. Например, iPhone 14 Pro имеет PPI около 460, а iPad Air — около 264. Это значит, что один и тот же объект в 1 см по ширине займёт совершенно разное количество пикселей на разных устройствах. Поэтому в Figma нельзя просто сказать: «1 см = 37.8 px» — это справедливо только в определённых условиях.

Влияние PPI на восприятие дизайна

Плотность пикселей напрямую влияет на то, как пользователь видит интерфейс. На экране с высоким PPI элементы кажутся меньше, хотя их размер в пикселях может быть тем же. Дизайнеры часто заблуждаются, полагая, что если кнопка в макете 44×44 px, она будет удобна для нажатия на всех устройствах. Но это не так — на устройстве с PPI 300 эта кнопка будет занимать меньше места в сантиметрах, чем на экране с PPI 100.

Поэтому при проектировании важно учитывать не только пиксели, но и физические размеры. Особенно это критично для тач-интерфейсов, где рекомендуется, чтобы активные элементы были не менее 7–10 мм в ширину и высоту.

• PPI 96 → 1 см ≈ 37.8 px
• PPI 144 → 1 см ≈ 56.7 px
• PPI 264 → 1 см ≈ 104 px
• PPI 460 → 1 см ≈ 181 px

Как Figma обрабатывает единицы измерения

Figma — это векторный инструмент, который оперирует пикселями как основной единицей измерения. Несмотря на то, что в интерфейсе можно переключать отображение единиц (px, cm, mm, in), внутренне все значения хранятся и рассчитываются в пикселях. Это означает, что когда вы указываете ширину прямоугольника как 1 см, Figma автоматически конвертирует это значение в пиксели на основе предустановленного соотношения.

По умолчанию Figma использует стандартную плотность 96 PPI. Таким образом, при выборе единицы измерения «см» система применяет коэффициент 37.8 px/см. Это значение можно проверить, создав объект шириной 1 см — в правой панели свойств отобразится 37.8 px.

Однако важно помнить: это логическая конвертация, а не физическая. Макет в Figma не привязан к реальному размеру экрана. Он масштабируется, и его «физический» размер зависит от того, на каком устройстве он просматривается.

Как изменить единицы измерения в Figma

Вы можете быстро переключать единицы в панели свойств:

1. Выберите любой объект на холсте.
2. Нажмите на значение ширины или высоты в правой панели.
3. Введите число и добавьте суффикс: cm, mm, in.
4. Figma автоматически переведёт значение в пиксели.

Например, введя 2cm, вы получите объект шириной 75.6 px. Это удобно для быстрого прототипирования, но не заменяет глубокий анализ под целевые устройства.

Формулы перевода: от сантиметров к пикселям и обратно

Чтобы точно переводить между сантиметрами и пикселями, нужно использовать простые математические формулы. Они основаны на плотности пикселей (PPI) и соотношении дюймов и сантиметров.

Пример: если вы знаете, что на устройстве 1 см должен занимать 100 пикселей, вы можете найти PPI:
(100 × 2.54) / 1 = 254 PPI. Это типично для планшетов среднего класса.

Практический чек-лист: как правильно использовать единицы

• Определите целевые устройства (iOS, Android, веб).
• Узнайте PPI каждого устройства.
• Рассчитайте, сколько пикселей в 1 см для этих устройств.
• Используйте эти значения при настройке макетов.
• Тестируйте макет на реальных устройствах через Figma Mirror.

Практические примеры расчётов в дизайне

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

Пример 1: Дизайн мобильного приложения для печати этикеток
Компания разрабатывает приложение для создания этикеток, которые затем печатаются на термотрансферном принтере. Размер этикетки — 5×3 см. Чтобы макет соответствовал реальности, дизайнер должен рассчитать размер в пикселях.

Предположим, принтер и просмотр на экране используют PPI 96:

• Ширина: (5 × 96) / 2.54 ≈ 189 px
• Высота: (3 × 96) / 2.54 ≈ 113 px

В Figma создаётся фрейм 189×113 px. Это обеспечит визуальное соответствие.

Пример 2: Адаптивный веб-сайт с учётом доступности
Проектируется сайт, где важна доступность. Рекомендуется, чтобы кнопки были не менее 7 мм (0.7 см) в высоте. При PPI 96:
(0.7 × 96) / 2.54 ≈ 26.5 px. Значит, минимальная высота кнопки — 27 px.

Распространённые ошибки и как их избежать

Даже опытные дизайнеры допускают ошибки при работе с единицами измерения в Figma. Вот самые частые из них:

• Смешение логических и физических пикселей. Не путайте CSS-пиксели (device-independent) с физическими пикселями экрана. На Retina-экранах 1 CSS px = 2×2 физических пикселя.
• Игнорирование PPI целевых устройств. Проектируя под Android, не ориентируйтесь на 96 PPI — используйте 160 (mdpi) как базу.
• Попытка использовать сантиметры как основную единицу в Figma. Это вводит в заблуждение, так как Figma всё равно конвертирует в пиксели.
• Отсутствие тестирования на реальных устройствах. Макет может выглядеть идеально на мониторе, но быть неудобным на телефоне.

Экспертное мнение

По словам эксперта, лучшая практика — создавать «калибровочные» макеты: небольшие фреймы 1×1 см, экспортированные в PNG и распечатанные. Затем их можно сравнивать с оригиналом на экране, чтобы убедиться в корректности масштаба.

Вопросы и ответы

Заключение

Вопрос «сколько пикселей в 1 см в Figma» не имеет универсального ответа, потому что зависит от контекста — плотности экрана, типа устройства и задачи проекта. Figma использует стандарт 96 PPI, при котором 1 см ≈ 37.8 px, но это лишь отправная точка. Для точного дизайна необходимо учитывать реальные характеристики целевых устройств и тестировать макеты в живых условиях.

• В Figma 1 см ≈ 37.8 px при PPI 96, но это значение условно.
• Физический размер элемента зависит от PPI устройства.
• Для точных расчётов используйте формулу: px = (cm × PPI) / 2.54.
• Тестируйте макеты на реальных устройствах через Figma Mirror.
• Коммуницируйте с разработчиками в пикселях, добавляя контекст по PPI при необходимости.