Formatos de imagem para a web

AVIF

O AVIF (AV1 Image File Format) usa o codec de vídeo AV1 para comprimir imagens estáticas. É o formato com a melhor relação qualidade/peso que você pode servir hoje para praticamente qualquer navegador: Chrome desde a versão 85, Firefox desde a 93 e Safari desde a 16.4.

Pontos fortes: compressão excelente em fotografias, transparência, HDR e profundidade de cor de 10 e 12 bits. Funciona especialmente bem em qualidades baixas e médias, onde o JPEG mostra blocos e o WebP borra os detalhes.

Pontos fracos: a codificação é lenta (daí o controle de esforço) e, em qualidades muito altas, a vantagem sobre o WebP diminui. Algumas ferramentas de edição antigas ainda não o abrem.

Use para: imagens principais (hero), fotos de produto, artigos de blog e qualquer imagem grande.

WebP

O WebP está no mercado há mais de uma década e hoje é universal. Oferece compressão com e sem perdas, transparência e animação.

Pontos fortes: codificação e decodificação rápidas, compatibilidade quase total e um modo sem perdas muito eficiente para gráficos, ícones e capturas de tela.

Pontos fracos: no modo com perdas sempre usa subamostragem de cor 4:2:0, e sua eficiência em fotografia fica atrás do AVIF.

Use para: formato padrão quando você quer um único arquivo, fallback do AVIF dentro de <picture> e gráficos com transparência.

JPEG XL

O JPEG XL é o sucessor criado pelo comitê JPEG. Destaca-se por conseguir recomprimir um JPEG existente sem perdas com uma economia de cerca de 20% e recuperar o arquivo original bit a bit, além de suportar HDR, decodificação progressiva e tamanhos enormes.

Pontos fortes: qualidade excelente em taxas altas, compressão sem perdas eficiente, ideal para arquivamento e fluxos fotográficos.

Pontos fracos: o suporte nos navegadores é limitado. O Safari o exibe desde a versão 17; no Chrome e no Firefox a incorporação está em desenvolvimento. Por isso, na web, ele deve ser servido sempre com um formato alternativo.

Use para: arquivamento de fotos, fluxos internos e como primeira fonte opcional em <picture> para usuários do Safari.

JPEG

O formato mais compatível do mundo. Com um bom codificador como o MozJPEG —o que o ImageZap usa— os arquivos ficam de 5% a 15% menores do que com codificadores padrão, mantendo compatibilidade total.

Use para: fallback universal, e-mail, redes sociais e plataformas que não aceitam formatos modernos.

PNG

O PNG é um formato sem perdas. É perfeito para preservar pixels exatos, mas ineficiente para fotografias.

Use para: capturas de tela com texto pequeno, diagramas, arquivos que ainda serão editados e casos em que a ferramenta de destino não aceita WebP. O ImageZap o otimiza com OxiPNG, que reduz o tamanho sem alterar um único pixel.

Como escolher rapidamente

Para entender o porquê de cada recomendação, leia WebP vs AVIF vs JPEG XL e compressão com e sem perdas.