Bereiten Sie große Bilder für schnelle interaktive Karten vor
Ein technischer Leitfaden zum Exportieren, Optimieren und Konfigurieren von Gigapixel-Entwürfen, Luftdrohnenfotografie und Vektor-Lageplänen für eine reaktionsfähige Tiefenzoom-Leistung.

Warum Bildvorbereitung für interaktive Karten wichtig ist
Interaktive Karten erfordern eine weitaus höhere Bildleistung als herkömmliche Webfotos. Besucher schwenken, kneifen und zoomen hinein, um feine architektonische Beschriftungen, Einheitsabmessungen und einzelne Standgrenzen zu prüfen.
Wenn Ihr Bild zu klein ist, werden Text und Linien beim Vergrößern unscharf und unleserlich. Wenn es sich bei Ihrem Bild um einen unkomprimierten 80-MB-Rohexport handelt, steigen die Seitenladezeiten sprunghaft an, die Absprungraten steigen und mobile Geräte stürzen aufgrund von Speicherbeschränkungen ab.
Layerpin schließt diese Lücke mithilfe der Deep-Zoom-Kachelarchitektur. Wenn Sie Ihr Quellbild richtig vorbereiten, können Sie sofort schwenken und zoomen und dabei eine gestochen scharfe, vektorähnliche Klarheit erzielen.
- 1Zielen Sie auf eine Quellbildauflösung zwischen 3000 und 8000 Pixel entlang der längsten Kante.
- 2Verwenden Sie RGB-/sRGB-Farbprofile, um die Farbtreue auf allen Monitoren sicherzustellen.
- 3Schneiden Sie vor dem Hochladen unnötige weiße Ränder und leeren Platz auf der Leinwand ab.
Beste Exporteinstellungen aus CAD, Illustrator und Figma
Befolgen Sie beim Exportieren von Masterplänen oder Grundrissen aus Designsoftware (AutoCAD, Revit, Adobe Illustrator, Canva oder Figma) diese Exportregeln, um optimale Ergebnisse zu erzielen:
Für Vektor-CAD und Blaupausen: Export im 2- oder 3-fachen Maßstab als hochwertiges PNG oder WebP. Stellen Sie sicher, dass die Linienstärken mindestens 1 bis 1,5 Punkte dick sind, damit feine Wandgrenzen bei Übersichten mit großem Zoom nicht verschwinden.
Für Luft- und Drohnenfotografie: Export als progressives JPEG oder WebP mit 85–90 % Qualität. Das menschliche Auge kann Komprimierungsartefakte bei 85 % Qualität nicht erkennen, aber die Dateigröße wird im Vergleich zu unkomprimierten 100 %-Exporten um bis zu 70 % reduziert.
- 1Exportieren Sie architektonische Strichzeichnungen als PNG oder WebP mit aktiviertem Anti-Aliasing.
- 2Exportieren Sie fotografische und realistische 3D-Renderings als hochwertiges JPEG (85 % Qualität).
- 3Stellen Sie sicher, dass Textbeschriftungen auf der Basisgrafik in Konturen umgewandelt oder mit hoher DPI exportiert werden, um Rasterunschärfe zu vermeiden.

Wie Layerpin Deep-Zoom-Bilder verarbeitet und bereitstellt
Wenn Sie ein Bild auf Layerpin hochladen, generiert unsere Verarbeitungspipeline eine Bildpyramide mit mehreren Auflösungen (Kacheln mit tiefem Zoom).
Anstatt einen mobilen Browser zu zwingen, ein 50-MB-Bild auf einmal herunterzuladen, streamt Layerpin dynamisch nur die spezifischen Mikrokacheln, die im aktuellen Ansichtsfenster und in der Zoomstufe des Besuchers sichtbar sind. Bei niedrigem Zoom werden Übersichtskacheln mit geringer Bandbreite sofort geladen; Wenn der Benutzer in Raum 402 hineinzoomt, strömen nahtlos hochauflösende Kachelfragmente hinein.
Diese Architektur reduziert die anfängliche Bildübertragung und unterstützt gleichzeitig sehr große architektonische Masterpläne. Die tatsächliche Ladezeit hängt weiterhin von der Bildvorbereitung, den Netzwerkbedingungen, dem Hosting und dem Gerät des Besuchers ab.
Testen der Anzeigeleistung auf realen Geräten
Bevor Sie Ihre Karte öffentlich veröffentlichen, führen Sie immer eine praxisnahe Prüfung mehrerer Geräte durch.
Öffnen Sie Ihre veröffentlichte Karte in einem privaten Browserfenster und testen Sie sie unter drei Bedingungen: Desktop-4K-/Retina-Display, Mittelklasse-Mobiltelefon mit Mobilfunkverbindung und Tablet im Quer- und Hochformat.
Stellen Sie sicher, dass der anfängliche Standardzoom den gesamten Interessenbereich anzeigt, ohne dass ein sofortiges Zoomen erforderlich ist, und stellen Sie sicher, dass Textbeschriftungen scharf bleiben, wenn Sie über die äußersten Ecken der Leinwand schwenken.
- 1Testen Sie die anfängliche Ladezeit im mobilen 4G-Netzwerk.
- 2Überprüfen Sie auf jedem Zielgerät, ob das Schwenken und der Pinch-Zoom reagieren.
- 3Überprüfen Sie, ob die Kameragrenzen Besucher innerhalb sinnvoller Kartengrenzen einschließen.
Bereit für Ihre interaktive Karte?
Erstellen Sie die Karte privat, prüfen Sie die Besucheransicht und veröffentlichen Sie sie, wenn alles bereit ist. No credit card needed.
Kostenlos starten