JPG, PNG, WebP ou AVIF?

Antes de comparar formatos, saiba a divisão que os impulsiona. Formatos sem perda armazenam cada pixel exatamente e podem ser abertos e salvos novamente para sempre sem degradação — PNG é o principal. Formatos com perda descartam informações que o olho é improvável que note, trocando um pouco de qualidade por um arquivo muito menor — JPG, WebP e AVIF todos fazem isto. Não há um único formato "melhor" porque a escolha certa depende se sua imagem é uma fotografia, um logotipo ou uma captura de tela, e de quanto você valoriza o tamanho em relação à compatibilidade.

JPG (ou JPEG) é o veterano. Foi construído para fotografias e usa compressão com perda ajustada para os gradientes suaves de imagens do mundo real. Não tem transparência e sua compressão pode deixar artefatos bloqueados em torno de bordas nítidas e texto, é por isso que é errado para logotipos e capturas de tela. Seu superpoder é o suporte universal: cada dispositivo, editor e site aceita um JPG.

PNG é a escolha sem perda. Preserva cada pixel e suporta transparência total, tornando-o o padrão para gráficos com bordas duras, texto, capturas de tela de UI e qualquer coisa com um fundo transparente. O custo é o tamanho do arquivo: uma fotografia PNG é geralmente várias vezes maior que a mesma foto como JPG, então PNG é uma escolha ruim para conteúdo fotográfico na web.

WebP, do Google, é o all-rounder moderno. Oferece modos com perda e sem perda mais transparência e animação e, com qualidade similar, produz arquivos aproximadamente 25-35% menores que JPG e frequentemente muito menores que PNG. Cada navegador atual o suporta, o que o torna o padrão pragmático para um site rápido hoje.

AVIF é o mais novo dos quatro, baseado em tecnologia de codec de vídeo moderno. Tipicamente alcança os menores arquivos de todos — frequentemente batendo WebP por uma margem ampla em fotos — e suporta transparência, cor larga e gama dinâmica alta. O suporte é agora amplo, mas não quite universal, então os sites geralmente servem AVIF com um fallback WebP ou JPG para os últimos clientes antigos.

Uma página web bem otimizada raramente usa um formato para tudo. Fotografias saem como WebP ou AVIF para velocidade, com um fallback JPG. Logotipos, ícones e qualquer coisa com transparência permanecem como PNG — ou melhor, como SVG se forem arte vetorial — porque um formato com perda faria fuzzy suas bordas nítidas. Capturas de tela de texto ficam melhor como PNG pela mesma razão.

Se você não tem certeza se uma mudança vale a pena, converta uma imagem representativa e compare tanto o tamanho do arquivo quanto a aparência em zoom total. A queda de tamanho de JPG para WebP ou AVIF é frequentemente dramática sem perda de qualidade visível, o que é exatamente a vitória que torna as páginas carregarem mais rápido. Quando a compatibilidade importa mais que bytes — um anexo de e-mail, um sistema antigo, uma gráfica — volte para JPG ou PNG, os dois formatos que funcionam em todos os lugares.