Layerpin logo
图像质量与比例

Deep Zoom (DZI) 与亿级像素图像

上传高达 250 MB 和 2.5 亿像素的清晰蓝图、航拍全景与平面图。了解 Layerpin 如何自动切片优化高分图像,确保访问者流畅缩放无模糊或崩溃。

为什么普通图像在缩放时会破裂

当您在网站上嵌入标准静态图像(如常规 JPEG 或 PNG)并要求访问者放大时,会发生两个主要问题:如果图像是标准尺寸,则细节会立即模糊和像素化。如果图像很大,访问者必须下载一个巨大的文件,需要几秒钟才能加载,并且经常导致移动设备崩溃。

标准静态图像
  • 模糊和中断: 放大会将文本、房间号和细线变成像素化块。
  • 大量文件下载: 访问者被迫在看到任何内容之前预先下载整个原始文件。
  • 手机内存崩溃: 高内存峰值会导致手机冻结并导致 Safari 或 Chrome 选项卡崩溃。
Layerpin 深度变焦
  • 永远锋利: 从整个校园的概览到微小的办公室标签,细节依然清晰。
  • 亚秒级瞬时加载: 仅传输精确的视口切片,从而节省时间和蜂窝数据。
  • 丝般顺滑 60fps: 硬件加速平移和捏合缩放,浏览器内存为零崩溃。

Layerpin 如何自动优化您的地图

您不需要复杂的图形软件、平铺工具或技术脚本。 Layerpin 在云端自动处理整个优化流程:

  1. 1
    上传您的高分辨率地图文件
    只需直接在编辑器中上传平面图、建筑蓝图、体育场图或无人机航拍照片即可。
  2. 2
    自动云端多级处理
    Layerpin 分析您的图像分辨率并在后台构建优化的多分辨率缩放级别,在压缩图块以获得峰值速度的同时保持完整的视觉清晰度。
  3. 3
    自适应点播流媒体
    当访问者打开您的地图时,Layerpin 仅提供与其当前屏幕和视口匹配的精确图块。当它们放大时,更高细节的图块会无缝地流入。
  4. 4
    流畅、无卡顿的性能
    参观者可以在 iPhone、Android 设备、平板电脑和桌面显示器上通过硬件加速享受流畅的 60 fps 平移和捏合导航。

图像限制和支持的格式

Layerpin 接受所有主要的矢量和光栅图形格式。您可以上传标准平面图或巨大的十亿像素地图:

接受的格式
SVG, JPEG, PNG, WEBP, AVIF, BMP

完整的矢量支持 (SVG) 以及所有标准光栅 Web 格式。

标准地图图像
最高 10MB

立即加载,无需后台排队。非常适合日常平面图。

大型和十亿像素图像
最多 250 MB & 250 MP

Pro 支持最高 100 MB / 100 MP;Premium 支持最高 250 MB / 250 MP。

推荐规模
3,000px to 16,000px+

更高的原始分辨率可以使精细的房间标签和微小的图标保持清晰。

自动深度变焦处理

您无需手动配置切片。如果图片在标准尺寸内,可即时使用。如果上传最大 250 MB、250 MP 的大图,Layerpin 会自动启用 Deep Zoom 后台处理,让地图始终极速流畅。

清晰地图的最佳实践

以真实本机分辨率导出

直接从 CAD、Revit、Illustrator 或 Figma 导出,宽度为 4,000 像素或更高。避免在 Photoshop 中放大低分辨率图像,因为调整大小无法恢复丢失的精细细节。

将格式与您的内容类型相匹配

蓝图和线条稿(需要清晰边缘和文字)请使用 PNG 或 SVG;无人机航拍和 3D 渲染图请使用 JPEG、WebP 或 AVIF,以减少上传带宽。

裁剪掉未使用的边距

上传前修剪过多的页边距、标题栏和图例。这可以最大化地图访问者的交互式导航区域。

添加可点击的交互元素

上传后,使用 Layerpin 的 标记, 多边形, 和 线路及连接器 通过图钉、弹出窗口和路线让您的地图充满活力的工具。