О проекте «Онлайн линейка»
Мы создали Онлайн линейку, чтобы решить фундаментальную проблему современных веб-технологий: обеспечить абсолютно точные физические измерения в масштабе 1:1 на экранах любых цифровых устройств.
1. Истоки: Разрушение мифа о 96 DPI
В 1990-х годах ранние операционные системы и спецификации консорциума W3C CSS закрепили стандартное предположение: компьютерные мониторы отображают контент с плотностью 96 точек на дюйм (DPI) (или 72 DPI на старых компьютерах Macintosh). Согласно этому устаревшему стандарту, 1 CSS-дюйм был жестко привязан к 96 CSS-пикселям.
Сегодня технологии экранов шагнули далеко вперед. От мониторов 4K OLED и экранов Retina до смартфонов высокой четкости вроде iPhone 16 Pro (460 PPI) и Samsung Galaxy S24 Ultra (505 PPI) — реальная плотность пикселей современных матриц варьируется от 92 до более чем 500 PPI.
Главная сложность:
Если онлайн линейка показывает шкалу в 10 см, опираясь на стандарт 96 DPI на ноутбуке с плотностью 140 PPI, реальное изображение на экране окажется на 31,4% меньше положенного. Приложив физическую монету, банковскую карту или деталь к такому экрану, пользователь получит грубейшую погрешность.
Проект «Онлайн линейка» был создан, чтобы полностью исключить эту ошибку. Объединяя аппаратное детектирование, субмиллиметровый рендеринг на HTML5 Canvas и несколько независимых способов калибровки, мы превращаем любое окно браузера в поверенный измерительный инструмент.
2. Физика и математика калибровки экранов
Чтобы отобразить реальный физический миллиметр или дюйм на дисплее, движок рендеринга должен знать точный физический шаг пикселей (Pixel Pitch). Мы вычисляем его с помощью трех надежных математических подходов:
AГеометрия диагонали экрана (Теорема Пифагора)
Когда вы указываете диагональ монитора или ноутбука в дюймах (например, 14.0", 15.6", 24.0", 27.0"), наш алгоритм рассчитывает точное аппаратное значение PPI через нативное разрешение и формулу Пифагора:
Эта зависимость учитывает различные соотношения сторон (16:9, 16:10, 21:9, 4:3) и вычисляет физический размер точки с точностью до трех знаков после запятой.
BКалибровка по эталонному объекту (Стандарт ISO/IEC 7810 ID-1)
Практически каждый человек носит в кармане международный геометрический эталон: обычную банковскую карту, транспортную карту или водительское удостоверение. По стандарту ISO/IEC 7810 ID-1 все платежные карты производятся со строгими допусками:
- Ширина: Ровно 85,60 мм (3,370 дюйма)
- Высота: Ровно 53,98 мм (2,125 дюйма)
- Радиус скругления углов: Ровно 3,18 мм
Приложив карту к экранному шаблону и отрегулировав ползунок, вы получаете оптическую калибровку с погрешностью не более ±0,2 мм без необходимости искать обычную рулетку.
CБаза параметров более 50 популярных устройств
Встроенный каталог содержит точные заводские спецификации дисплеев смартфонов (Apple iPhone, Samsung Galaxy, Google Pixel, Xiaomi), планшетов (iPad, Galaxy Tab), ноутбуков (MacBook Pro/Air, Dell XPS, Lenovo ThinkPad) и мониторов. Выбор модели мгновенно активирует заводской PPI без ручных замеров.
3. Высокоточный движок рендеринга Canvas 2D с поддержкой High-DPI
Веб-браузеры на экранах с высокой плотностью пикселей (Retina, AMOLED) используют коэффициент масштабирования window.devicePixelRatio (DPR), обычно равный 2.0x, 3.0x или 3.5x.
Если холст HTML5 Canvas выводится в стандартном CSS-разрешении, штрихи и цифры становятся размытыми. Онлайн линейка использует двухбуферный векторизатор с аппаратным масштабированием под нативный DPR:
- Физический буфер холста умножается на полный аппаратный DPR экрана, создавая сверхчеткие риски толщиной в 1 физический пиксель.
- Субпиксельные векторные вычисления рассчитывают миллиметровые деления с плавающей запятой.
- Асинхронный пайплайн с частотой 60 кадров/с (
requestAnimationFrame) мгновенно подстраивает шкалу при изменении размеров окна, зуме и переключении сторон.
4. Наши принципы и стандарты архитектуры
Быстрая статическая архитектура (Astro MPA)
Построено на быстрой архитектуре Astro Multi-Page Application с загрузкой менее 100 мс (FCP) и идеальной оптимизацией для поисковых систем Yandex и Google.
100% приватность на стороне клиента
Никаких обязательных регистраций, сбора личных данных или скрытого отслеживания. Все параметры калибровки хранятся исключительно в памяти вашего браузера (localStorage).
Универсальная кроссплатформенность
Адаптация под любые экраны — от смартфонов шириной 320px до широкоформатных мониторов 4K — с поддержкой сенсорных жестов и горячих клавиш клавиатуры.
Открытая метрологическая база
Мы публикуем подробные руководства, таблицы перевода единиц и ответы на частые вопросы, помогая инженерам, дизайнерам, студентам и мастерам по всему миру.
5. Развитие проекта и обратная связь
Мы регулярно пополняем базу устройств по мере выхода новых моделей смартфонов, планшетов и мониторов. Если у вас есть результаты калибровки конкретной модели дисплея или предложения по улучшению инструмента, свяжитесь с нами через форму обратной связи.
Редакция и команда разработчиков проекта «Онлайн линейка»
Открытая инициатива экранных измерений · https://onlinelineyka.com