Siapkan Gambar Besar untuk Peta Interaktif Cepat

Peta interaktif menuntut performa gambar yang jauh lebih tinggi dibandingkan foto web biasa. Pengunjung menggeser, mencubit, dan memperbesar untuk memeriksa label arsitektur yang bagus, dimensi unit, dan batas masing-masing stan.

Jika gambar Anda terlalu kecil, teks dan garis menjadi buram dan tidak terbaca saat diperbesar. Jika gambar Anda adalah ekspor mentah berukuran 80MB yang tidak terkompresi, waktu muat halaman meroket, rasio pentalan meningkat, dan perangkat seluler mogok karena keterbatasan memori.

Layerpin menjembatani kesenjangan ini menggunakan arsitektur ubin zoom dalam. Dengan menyiapkan gambar sumber dengan benar, Anda membuka respons geser dan zoom seketika dengan kejernihan seperti vektor yang sangat tajam.

Saat mengekspor master plan atau denah lantai dari perangkat lunak desain (AutoCAD, Revit, Adobe Illustrator, Canva, atau Figma), ikuti aturan ekspor berikut untuk hasil optimal:

Untuk CAD & Cetak Biru Vektor: Ekspor dalam skala 2x atau 3x sebagai PNG atau WebP berkualitas tinggi. Pastikan ketebalan garis setidaknya 1pt hingga 1,5pt sehingga batas dinding yang halus tidak hilang pada ikhtisar zoom yang luas.

Untuk Fotografi Udara & Drone: Ekspor sebagai JPEG progresif atau WebP dengan kualitas 85-90%. Mata manusia tidak dapat mendeteksi artefak kompresi pada kualitas 85%, namun ukuran file berkurang hingga 70% dibandingkan dengan ekspor 100% yang tidak terkompresi.

Saat Anda mengunggah gambar ke Layerpin, jalur pemrosesan kami menghasilkan piramida gambar multi-resolusi (ubin zoom dalam).

Daripada memaksa browser seluler mengunduh gambar berukuran 50MB sekaligus, Layerpin secara dinamis hanya mengalirkan ubin mikro tertentu yang terlihat dalam area pandang dan tingkat zoom pengunjung saat ini. Pada zoom rendah, ubin ikhtisar bandwidth rendah dimuat secara instan; saat pengguna memperbesar Ruangan 402, pecahan ubin resolusi tinggi mengalir dengan lancar.

Arsitektur ini mengurangi transfer gambar awal sekaligus mendukung rencana induk arsitektur yang sangat besar. Waktu pemuatan sebenarnya masih bergantung pada persiapan gambar, kondisi jaringan, hosting, dan perangkat pengunjung.

Sebelum meluncurkan peta Anda secara publik, selalu lakukan audit multi-perangkat di dunia nyata.

Buka peta yang Anda terbitkan di jendela browser pribadi dan uji pada tiga kondisi: tampilan desktop 4K/retina, ponsel kelas menengah dengan koneksi seluler, dan tablet dalam orientasi lanskap dan potret.

Konfirmasikan bahwa zoom default awal menunjukkan seluruh area yang diinginkan tanpa memerlukan zoom langsung, dan verifikasi bahwa label teks tetap tajam saat menggeser melintasi sudut terjauh kanvas.