Como otimizar imagens para web: JPG, PNG, WebP e AVIF explicados
Imagens são o principal peso de qualquer site moderno. Um portfólio de fotógrafo pode facilmente ter 20 MB por página se as imagens não forem otimizadas o que arruina a velocidade e o SEO. Este guia explica como comprimir bem, qual formato escolher e como automatizar o processo.
O formato certo para cada tipo de imagem
JPG é ideal para fotografias e imagens com muitos gradientes. PNG é a escolha certa para gráficos, ícones e imagens que precisam de transparência. WebP oferece o melhor dos dois mundos 25% a 35% menor que o JPG na mesma qualidade e é suportado por todos os navegadores modernos.
AVIF é o formato mais novo, com compressão ainda melhor que o WebP, mas ainda não tem suporte universal. Para produção use WebP como padrão e mantenha um JPG como fallback.
Qualidade e tamanho: encontrando o equilíbrio
Qualidade JPG entre 70% e 80% é o ponto de ouro: a diferença visual é imperceptível, mas o arquivo cai pela metade. Para imagens acima da dobra (hero, capa), pode subir para 85%. Para thumbnails, 60% é suficiente.
Limite a largura máxima ao tamanho real de exibição: uma foto que aparece em 800 px de largura não precisa ter 4000 px. Isso, sozinho, reduz o arquivo em 80% ou mais.
Ferramentas do Vertory Hub para otimizar imagens
Nossa ferramenta Comprimir imagem faz reencode com qualidade 65% e limita a largura para 1920 px, resultado suficiente para 99% dos usos web. A Redimensionar imagem permite escolher tamanhos específicos mantendo proporção. E a Converter imagem transforma entre JPG, PNG e WebP com um clique.
Todas removem metadados EXIF (marca do celular, GPS, data), o que além de economizar bytes preserva sua privacidade quando você compartilha fotos publicamente.
Conclusão
Otimizar imagens é o passo com maior impacto na velocidade do seu site mais até que trocar servidor ou reescrever CSS. Aplique estas dicas e teste em ferramentas como PageSpeed Insights; a melhora aparece em minutos.