Prepare imagens grandes para mapas interativos rápidos

Os mapas interativos exigem um desempenho de imagem muito superior ao das fotos normais da web. Os visitantes movimentam, apertam e ampliam para inspecionar rótulos arquitetônicos finos, dimensões de unidades e limites individuais de estandes.

Se sua imagem for muito pequena, o texto e as linhas ficarão borrados e ilegíveis quando ampliados. Se sua imagem for uma exportação bruta descompactada de 80 MB, o tempo de carregamento da página dispara, as taxas de rejeição aumentam e os dispositivos móveis travam devido a restrições de memória.

Layerpin preenche essa lacuna usando arquitetura lado a lado com zoom profundo. Ao preparar sua imagem de origem corretamente, você desbloqueia a capacidade de resposta instantânea de panorâmica e zoom com clareza semelhante a um vetor.

Ao exportar plantas mestres ou plantas baixas de software de design (AutoCAD, Revit, Adobe Illustrator, Canva ou Figma), siga estas regras de exportação para obter os melhores resultados:

Para CAD vetorial e projetos: exporte em escala 2x ou 3x como PNG ou WebP de alta qualidade. Certifique-se de que as espessuras das linhas tenham pelo menos 1 ponto a 1,5 ponto de espessura para que os limites finos da parede não desapareçam em visões gerais amplas de zoom.

Para fotografia aérea e de drone: exporte como JPEG progressivo ou WebP com qualidade de 85-90%. O olho humano não consegue detectar artefatos de compactação com qualidade de 85%, mas o tamanho do arquivo é reduzido em até 70% em comparação com exportações 100% não compactadas.

Quando você carrega uma imagem no Layerpin, nosso pipeline de processamento gera uma pirâmide de imagens de múltiplas resoluções (blocos de zoom profundo).

Em vez de forçar um navegador móvel a baixar uma imagem de 50 MB de uma só vez, o Layerpin transmite dinamicamente apenas os microblocos específicos visíveis na janela de visualização atual e no nível de zoom do visitante. Com zoom baixo, os blocos de visão geral de baixa largura de banda são carregados instantaneamente; à medida que o usuário amplia a sala 402, fragmentos de blocos de alta resolução são transmitidos perfeitamente.

Esta arquitetura reduz a transferência inicial de imagens, ao mesmo tempo que suporta planos mestres arquitetônicos muito grandes. O tempo real de carregamento ainda depende da preparação da imagem, das condições da rede, da hospedagem e do dispositivo do visitante.

Antes de lançar seu mapa publicamente, sempre realize uma auditoria real em vários dispositivos.

Abra seu mapa publicado em uma janela privada do navegador e teste em três condições: tela 4K/retina de desktop, telefone celular de médio alcance com conexão celular e tablet na orientação paisagem e retrato.

Confirme se o zoom padrão inicial mostra toda a área de interesse sem exigir zoom imediato e verifique se os rótulos de texto permanecem nítidos ao deslocar-se pelos cantos mais distantes da tela.