Подготовьте большие изображения для быстрых интерактивных карт

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

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

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

При экспорте генеральных планов или планов этажей из программного обеспечения для проектирования (AutoCAD, Revit, Adobe Illustrator, Canva или Figma) для получения оптимальных результатов следуйте следующим правилам экспорта:

Для векторных САПР и чертежей: экспортируйте в масштабе 2x или 3x в формате PNG или WebP высокого качества. Убедитесь, что толщина линий имеет толщину не менее 1–1,5 пт, чтобы тонкие границы стенок не исчезали при широкомасштабном обзоре.

Для аэрофотосъемки и съемки с дрона: экспортируйте в формате прогрессивного JPEG или WebP с качеством 85–90 %. Человеческий глаз не может обнаружить артефакты сжатия при качестве 85 %, но размер файла уменьшается на 70 % по сравнению со 100 % несжатым экспортом.

Когда вы загружаете изображение в Layerpin, наш конвейер обработки создает пирамиду изображений с разными разрешениями (фрагменты с глубоким масштабированием).

Вместо того, чтобы заставлять мобильный браузер загружать изображение размером 50 МБ одновременно, Layerpin динамически передает только определенные микроплитки, видимые в текущем окне просмотра и уровне масштабирования посетителя. При низком масштабировании обзорные плитки с низкой пропускной способностью загружаются мгновенно; Когда пользователь приближается к комнате 402, фрагменты плитки высокого разрешения плавно перетекают в нее.

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

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

Откройте опубликованную карту в приватном окне браузера и протестируйте ее в трех условиях: настольный компьютер с дисплеем 4K/Retina, мобильный телефон среднего класса с сотовой связью и планшет как в альбомной, так и в портретной ориентации.

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