Przygotuj duże obrazy do szybkich interaktywnych map

Mapy interaktywne wymagają znacznie większej wydajności obrazu niż zwykłe zdjęcia internetowe. Odwiedzający przesuwają, ściskają i powiększają, aby sprawdzić dokładne etykiety architektoniczne, wymiary jednostek i granice poszczególnych stoisk.

Jeśli obraz jest za mały, tekst i linie stają się rozmyte i nieczytelne po powiększeniu. Jeśli obraz jest nieskompresowanym eksportem w formacie surowym o rozmiarze 80 MB, czas wczytywania strony gwałtownie rośnie, współczynnik odrzuceń wzrasta, a urządzenia mobilne ulegają awariom z powodu ograniczeń pamięci.

Layerpin wypełnia tę lukę, korzystając z architektury kafelkowej z głębokim zoomem. Prawidłowe przygotowanie obrazu źródłowego umożliwia natychmiastową reakcję panoramowania i przybliżania z ostrością przypominającą brzytwę wektorową.

Eksportując plany główne lub plany pięter z oprogramowania do projektowania (AutoCAD, Revit, Adobe Illustrator, Canva lub Figma), postępuj zgodnie z poniższymi regułami eksportu, aby uzyskać optymalne wyniki:

W przypadku wektorów CAD i planów: Eksportuj w skali 2x lub 3x jako wysokiej jakości PNG lub WebP. Upewnij się, że grubość linii wynosi co najmniej 1 pkt do 1,5 pkt, tak aby cienkie granice ścian nie znikały przy szerokim powiększeniu.

W przypadku zdjęć lotniczych i dronów: Eksportuj jako progresywny JPEG lub WebP z jakością 85–90%. Ludzkie oko nie jest w stanie wykryć artefaktów kompresji przy jakości 85%, ale rozmiar pliku jest mniejszy nawet o 70% w porównaniu do eksportu nieskompresowanego w 100%.

Kiedy przesyłasz obraz do Layerpin, nasz potok przetwarzania generuje piramidę obrazów o wielu rozdzielczościach (płytki z głębokim zoomem).

Zamiast zmuszać przeglądarkę mobilną do pobrania całego obrazu o wielkości 50 MB na raz, Layerpin dynamicznie przesyła strumieniowo tylko określone mikropłytki widoczne w bieżącym obszarze widoku i poziomie powiększenia odwiedzającego. Przy małym powiększeniu kafelki przeglądu o niskiej przepustowości ładują się natychmiast; Gdy użytkownik przybliża widok do Pokoju 402, płynnie pojawiają się fragmenty płytek w wysokiej rozdzielczości.

Architektura ta ogranicza początkowy transfer obrazu, jednocześnie obsługując bardzo duże plany architektoniczne. Rzeczywisty czas ładowania nadal zależy od przygotowania obrazu, warunków sieciowych, hostingu i urządzenia odwiedzającego.

Przed publicznym udostępnieniem mapy należy zawsze przeprowadzić audyt wielu urządzeń w świecie rzeczywistym.

Otwórz opublikowaną mapę w prywatnym oknie przeglądarki i przetestuj w trzech warunkach: komputer stacjonarny z wyświetlaczem 4K/Retina, telefon komórkowy średniej klasy z połączeniem komórkowym oraz tablet w orientacji poziomej i pionowej.

Upewnij się, że początkowe domyślne powiększenie pokazuje cały obszar zainteresowania bez konieczności natychmiastowego powiększania i sprawdź, czy etykiety tekstowe pozostają wyraźne podczas przesuwania w najdalszych rogach obszaru roboczego.