Image Quality & Scale

Deep Zoom (DZI) & Gigapixel Images

Upload crystal-clear blueprints, drone aerials, and floor plans up to 250 MB and 250 MP. Learn how Layerpin automatically optimizes high-resolution images so visitors can zoom in smoothly without blurriness, lag, or mobile crashes.

Why Normal Images Break When Zooming

When you embed a standard static image (like a regular JPEG or PNG) on a website and ask visitors to zoom in, two major issues happen: if the image is standard size, details immediately blur and pixelate. If the image is large, visitors must download a huge file that takes seconds to load and frequently crashes mobile devices.

Standard Static Image

Blurs & breaks: Zooming in turns text, room numbers, and fine lines into pixelated blocks.
Heavy file downloads: Visitors are forced to download the entire original file upfront before seeing anything.
Mobile memory crashes: High memory spikes freeze phones and crash Safari or Chrome tabs.

Layerpin Deep Zoom

Always razor-sharp: From whole-campus overview down to tiny office labels, detail remains crisp.
Sub-second instant load: Only the exact viewport slice is streamed, saving time and cellular data.
Silky smooth 60fps: Hardware-accelerated pan and pinch-zoom with zero browser memory crashes.

How Layerpin Automatically Optimizes Your Maps

You don't need complex graphics software, tiling tools, or technical scripts. Layerpin handles the entire optimization pipeline automatically in the cloud:

1
Upload your high-res map file
Simply upload your floor plan, architectural blueprint, stadium diagram, or aerial drone photo directly in the editor.
2
Automatic cloud multi-level processing
Layerpin analyzes your image resolution and builds optimized multi-resolution zoom levels in the background, preserving full visual clarity while compressing tiles for peak speed.
3
Adaptive on-demand streaming
When visitors open your map, Layerpin only serves the exact tiles matching their current screen and viewport. As they zoom in, higher-detail tiles stream in seamlessly.
4
Smooth, stutter-free performance
Visitors enjoy fluid 60fps pan and pinch navigation with hardware acceleration across iPhones, Android devices, tablets, and desktop displays.

Image Limits & Supported Formats

Layerpin accepts all major vector and raster graphics formats. You can upload standard floor plans or massive gigapixel maps:

Accepted Formats

SVG, JPEG, PNG, WEBP, AVIF, BMP

Full vector support (SVG) plus all standard raster web formats.

Standard Map Images

Up to 10MB

Loaded instantly without background queueing. Great for everyday floor plans.

Large & Gigapixel Images

Up to 250 MB & 250 MP

Pro supports up to 100 MB / 100 MP; Premium supports up to 250 MB / 250 MP.

Recommended Scale

3,000px to 16,000px+

Higher native resolution keeps fine room labels and tiny icons crystal clear.

Automatic Deep Zoom Processing

You don't need to configure tiling manually. If your image is within standard size, it is ready instantly. If you upload a large image up to 250 MB and 250 MP, Layerpin automatically enables Deep Zoom background processing so your map stays lightning fast.

Best Practices for Crystal-Clear Maps

Export at True Native Resolution

Export directly from CAD, Revit, Illustrator, or Figma at 4,000px wide or higher. Avoid upscaling a low-resolution image in Photoshop, as resizing cannot recover lost fine details.

Match Format to Your Content Type

Use PNG or SVG for blueprints and line art with sharp borders and text. Use JPEG, WebP, or AVIF for drone aerial photography and 3D renders to minimize upload bandwidth.

Crop Out Unused Margins

Trim excessive paper margins, title blocks, and legends prior to uploading. This maximizes the interactive navigable area for your map visitors.

Add Clickable Interactive Elements

Once uploaded, use Layerpin's Marker, Polygon, and Line & Connector tools to bring your map alive with pins, popups, and routes.