Performance
07 de maio de 2026

Por que abandonamos o JPG e o PNG no desenvolvimento moderno

Entenda como a escolha dos formatos de imagem corretos e o uso do WebP ou Avif garantem um site muito mais leve, rápido e eficiente na navegação.

Jefferson Elias
Jefferson Elias
Desenvolvedor

Muitos sites parecem visualmente atraentes, mas escondem um erro técnico grave nos bastidores: o uso de formatos de imagem obsoletos. Vejo que muitos desenvolvedores ainda entregam projetos carregados com JPGs e PNGs pesados, tratando a performance como algo secundário.

Na vmoode, o nosso processo de desenvolvimento não abre mão da eficiência técnica. Um site verdadeiramente rápido exige que as imagens sejam tratadas de forma inteligente, adaptando-se perfeitamente à tela do dispositivo que o visitante tem em mãos.

O fim dos formatos legados (JPG e PNG)

Formatos como JPG e PNG foram criados em uma era onde a internet era estática e as telas tinham baixa densidade de pixels. Hoje, utilizá-los em um projeto profissional é como tentar rodar um motor moderno com combustível de baixa qualidade.

Nós utilizamos exclusivamente o WebP (e em casos específicos, o AVIF). Esses formatos oferecem uma compressão superior sem perder a nitidez visual. Na prática, isso significa que conseguimos reduzir o peso de uma imagem em até 80% em comparação ao formato tradicional, garantindo que o seu conteúdo apareça instantaneamente na tela do usuário.

A precisão do tamanho: Nem mais, nem menos

Outro erro comum que vejo no mercado é o carregamento de imagens em tamanhos genéricos. Muitos sites forçam o celular do cliente a baixar uma imagem de 4000 pixels para ser exibida em um espaço de apenas 400 pixels. Isso é um desperdício de banda e processamento.

Nosso processo é intencional:

  • Dimensionamento responsivo: Criamos múltiplas variantes de cada imagem onde o navegador do seu cliente baixa apenas a versão que se encaixa perfeitamente na largura da tela dele.
  • Densidade de pixels: Ajustamos a resolução para telas Retina e monitores padrão de forma automática, mantendo a nitidez sem sobrecarregar a rede.

Impacto direto no LCP (Core Web Vitals)

O Google utiliza uma métrica chamada LCP (largest contentful paint) para medir quanto tempo leva para o maior elemento da sua página carregar. Na maioria das vezes, esse elemento é uma imagem de destaque.

Quando eliminamos o peso desnecessário e utilizamos formatos modernos, garantimos que essa métrica fique sempre na zona de excelência com notas 90+. Isso não apenas melhora a experiência do usuário, como também reduz o custo de aquisição (CAC) em campanhas de tráfego pago, já que o algoritmo premia páginas que entregam conteúdo de forma fluida.

Tratamos cada ativo visual como uma peça de engenharia que deve ser entregue com precisão máxima, pois otimizar imagens não é apenas sobre deixar o site mais leve, mas sobre remover a fricção entre a sua marca e o seu cliente. Se o seu site atual ainda depende de tecnologias do passado, você está pagando o preço em performance e perdendo a atenção do seu público para quem já trata a web com o rigor técnico que ela exige hoje.