Imagens pesadas no app: cache, tamanhos e formatos

A câmera de um celular moderno tira fotos de vários megabytes. Quando essas fotos vão direto para a lista do app, cada item exige baixar e decodificar uma imagem enorme para exibir uma miniatura. O resultado: rolagem travada, memória estourando e o plano de dados do usuário indo embora.

Tamanho certo do servidor

O servidor deve oferecer versões redimensionadas: miniatura para listas, média para detalhes, original só quando realmente necessário. Serviços de imagem fazem isso sob demanda.

Formatos modernos

WebP e AVIF reduzem bastante o tamanho em relação ao JPEG — os mesmos ganhos da web (AVIF, WebP e srcset: o guia rápido para imagens leves e nítidas).

Cache no aparelho

Bibliotecas de imagem com cache em disco evitam baixar a mesma foto a cada abertura. expo-image e similares oferecem cache, transições suaves e placeholders.

Placeholders

Um fundo com a cor predominante ou uma versão desfocada minúscula enquanto a imagem carrega evita espaços em branco e mudanças de layout.

Upload pelo usuário

Ao enviar fotos, redimensione e comprima no próprio aparelho antes do upload: menos espera, menos dados e menos armazenamento (Upload de arquivos no backend: tamanho, tipo e armazenamento).

Onde mais pesa

Listas com muitas fotos — marketplaces, catálogos, redes — são os casos críticos (Listas lentas no React Native: FlatList, FlashList e memorização na prática). Imagens grandes também atrasam a abertura do app (App demora para abrir? Onde investigar o tempo de inicialização).

No Kharbox, marketplace de veículos, esse fluxo é central. Veja aplicativos nativos da We Codex ou fale com a gente.