Layerpin logo
Качество изображения и масштаб

Deep Zoom (DZI) и гигапиксельные изображения

Загружайте сверхчеткие чертежи, аэрофотоснимки и поэтажные планы до 250 МБ и 250 Мп. Layerpin автоматически оптимизирует изображения высокого разрешения для плавного зума.

Почему обычные изображения ломаются при масштабировании

Когда вы встраиваете стандартное статическое изображение (например, обычный JPEG или PNG) на веб-сайт и просите посетителей увеличить масштаб, возникают две основные проблемы: если изображение имеет стандартный размер, детали немедленно размываются и пикселизируются. Если изображение большое, посетители должны загрузить огромный файл, который загружается за несколько секунд и часто приводит к сбою мобильных устройств.

Стандартное статическое изображение
  • Размытие и разрывы: При масштабировании текст, номера комнат и тонкие линии превращаются в пиксельные блоки.
  • Тяжелые загрузки файлов: Посетители вынуждены заранее загружать весь исходный файл, прежде чем что-либо увидеть.
  • Сбой мобильной памяти: Высокие скачки памяти приводят к зависанию телефонов и сбою вкладок Safari или Chrome.
Глубокий зум Layerpin
  • Всегда острый как бритва: От обзора всего кампуса до крошечных офисных этикеток — детали остаются четкими.
  • Мгновенная загрузка менее секунды: Передается только конкретный фрагмент области просмотра, что экономит время и сотовые данные.
  • Шелковистая плавность 60 кадров в секунду: Аппаратное ускорение панорамирования и масштабирования без сбоев памяти браузера.

Как Layerpin автоматически оптимизирует ваши карты

Вам не нужно сложное графическое программное обеспечение, инструменты для работы с плитками или технические сценарии. Layerpin автоматически обрабатывает весь конвейер оптимизации в облаке:

  1. 1
    Загрузите файл карты в высоком разрешении
    Просто загрузите план этажа, архитектурный проект, схему стадиона или фотографию с дрона прямо в редактор.
  2. 2
    Автоматическая облачная многоуровневая обработка
    Layerpin анализирует разрешение вашего изображения и создает оптимизированные уровни масштабирования с несколькими разрешениями в фоновом режиме, сохраняя полную визуальную четкость и одновременно сжимая фрагменты для максимальной скорости.
  3. 3
    Адаптивная потоковая передача по требованию
    Когда посетители открывают вашу карту, Layerpin отображает только те фрагменты, которые соответствуют их текущему экрану и области просмотра. По мере увеличения масштаба плитки с более высокой детализацией плавно отображаются.
  4. 4
    Плавная работа без задержек
    Посетители наслаждаются плавной навигацией по панорамированию и масштабированию со скоростью 60 кадров в секунду и аппаратным ускорением на iPhone, устройствах Android, планшетах и ​​настольных компьютерах.

Ограничения изображений и поддерживаемые форматы

Layerpin принимает все основные форматы векторной и растровой графики. Вы можете загрузить стандартные планы этажей или массивные гигапиксельные карты:

Принятые форматы
SVG, JPEG, PNG, WEBP, AVIF, BMP

Полная поддержка векторной графики (SVG), а также всех стандартных растровых веб-форматов.

Стандартные изображения карт
До 10MB

Загружается мгновенно, без фоновой очереди. Отлично подходит для повседневных планов этажей.

Большие и гигапиксельные изображения
До 250 MB & 250 MP

Тариф Pro поддерживает до 100 МБ / 100 Мп; тариф Premium — до 250 МБ / 250 Мп.

Рекомендуемый масштаб
3,000px to 16,000px+

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

Автоматическая обработка глубокого масштабирования

Настраивать нарезку вручную не нужно. Если изображение в пределах стандартного размера, оно готово мгновенно. При загрузке большого изображения до 250 МБ и 250 Мп Layerpin автоматически включает фоновую обработку Deep Zoom, и карта остаётся молниеносной.

Лучшие практики для кристально чистых карт

Экспорт в истинном собственном разрешении

Экспортируйте напрямую из CAD, Revit, Illustrator или Figma с шириной 4000 пикселей или выше. Избегайте масштабирования изображения с низким разрешением в Photoshop, так как изменение размера не может восстановить потерянные мелкие детали.

Сопоставьте формат с вашим типом контента

Используйте PNG или SVG для чертежей и линейной графики с чёткими контурами и текстом. Используйте JPEG, WebP или AVIF для аэрофотосъёмки с дронов и 3D-рендеров, чтобы минимизировать трафик загрузки.

Обрезать неиспользуемые поля

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

Добавьте кликабельные интерактивные элементы

После загрузки используйте Layerpin Маркер, Полигон, и Линия и разъем инструменты, которые оживят вашу карту с помощью меток, всплывающих окон и маршрутов.