Qual é o melhor formato de imagem para um site?

«Melhor formato» é a pergunta errada enquanto não souber que tipo de imagem tem. Um site contém vários tipos de imagem muito diferentes, e cada um tem um vencedor claro:

• Fotografias (produtos, pessoas e lugares): um formato com perdas. AVIF produz os ficheiros menores, WebP é a opção moderna e segura por predefinição, e JPG é a alternativa que todos os navegadores conseguem apresentar.
• Logótipos, ícones e ilustrações: SVG. É uma imagem vetorial, por isso permanece nítida em qualquer tamanho e ecrã, e o ficheiro geralmente é minúsculo. Use um formato de píxeis como alternativa apenas quando uma plataforma rejeitar SVG.
• Capturas de ecrã, elementos gráficos de interfaces e tudo o que tiver transparência: PNG ou WebP sem perdas. Cores uniformes e contornos nítidos são precisamente aquilo que os formatos sem perdas compactam bem.
• Animações curtas: WebP ou AVIF animado em vez de GIF, que está limitado a uma paleta pequena e produz ficheiros muito maiores.
• O favicon: um ficheiro ICO, de preferência acompanhado de uma versão SVG ou PNG; veja como criar um favicon a partir de uma imagem.

O erro clássico é guardar uma fotografia como PNG. O PNG armazena todos os píxeis sem perdas, o que é perfeito para um logótipo e desastroso para uma foto: o ficheiro cresce para várias vezes o tamanho de um JPG sem qualquer melhoria visível.

Para fotos, a escolha depende do quanto pode confiar nos navegadores mais recentes:

• AVIF oferece a melhor compressão: com a qualidade habitual para a Web, fica cerca de 50% menor que JPEG e 20–30% menor que WebP, além de oferecer HDR e uma ampla gama de cores caso precise. Chrome, Firefox e Safari conseguem apresentá-lo (Safari desde a versão 16.4, em 2023). As desvantagens são a codificação lenta, sobretudo em imagens grandes, e o suporte limitado em programas para computador e dispositivos antigos.
• WebP é a opção prática por predefinição: fica 25–35% menor que JPEG com a mesma qualidade visual, suporta transparência e é compatível com todos os navegadores populares desde 2020. Algumas aplicações para computador e ferramentas antigas ainda não conseguem abri-lo, o que importa para o ficheiro entregue a um designer, mas não para aquele que fornece aos visitantes.
• JPG é a alternativa universal. É o menos eficiente dos três, mas um JPG guardado com qualidade entre 75–82 geralmente não se distingue do original no ecrã, e tudo na Web consegue apresentá-lo.

A configuração mais robusta fornece AVIF aos navegadores que o compreendem, WebP aos restantes e mantém um JPG para tudo o que for mais antigo. Se preferir escolher apenas um, WebP com uma alternativa em JPG abrange praticamente toda a gente. As comparações diretas estão em WebP versus AVIF e WebP versus JPG; para elementos gráficos em vez de fotos, consulte PNG versus JPG.

Depois de definir o formato pretendido, a conversão é rápida e nunca sai do seu dispositivo. O conversor de imagens EditItAll funciona inteiramente no navegador:

1. Abra o conversor e arraste as suas imagens para lá; pode ser um ficheiro ou uma pasta inteira. Os lotes são processados em conjunto.
2. Escolha o formato de saída: WebP ou AVIF para fotografias e PNG para elementos gráficos que precisem de transparência. Existem opções diretas para as tarefas comuns: JPG para WebP, PNG para WebP, JPG para AVIF e PNG para AVIF.
3. Defina a qualidade. Não existe um campo de tamanho pretendido: o tamanho é um resultado. Cada ficheiro mostra o tamanho antes e depois, por isso ajuste o controlo deslizante até que tanto o número como a imagem estejam adequados.
4. Descarregue os resultados individualmente ou num único ZIP.

Nada é enviado; pode desligar-se da Internet depois de a página carregar e continuar a converter; além disso, os metadados EXIF e GPS são removidos de todas as imagens exportadas, para que uma foto de produto não revele onde foi tirada. É gratuito, não requer conta e não adiciona marca de água. Já tem o formato certo e apenas precisa de reduzir o tamanho? Aceda diretamente ao compressor de imagens. E, se uma plataforma exigir uma versão em píxeis de um logótipo vetorial, SVG para PNG renderiza-o no tamanho que escolher.

Vale a pena escolher o formato certo, mas três hábitos poupam mais bytes do que alguma vez conseguiria apenas ao mudar de JPG para AVIF:

• Redimensione para o tamanho que realmente apresenta. Uma foto de câmara é muitas vezes mais larga do que o espaço que ocupa numa página, e cada um desses píxeis adicionais é descarregado e desperdiçado. As ferramentas de imagem EditItAll têm um limite máximo opcional de dimensões precisamente para isto.
• Comprima uma vez, a partir do original. Cada gravação com perdas elimina mais alguns detalhes. Guarde o original, exporte a cópia para a Web a partir dele e não volte a guardar, em cadeia, um JPG como WebP e depois como AVIF.
• Forneça formatos modernos com uma alternativa. Disponibilize AVIF ou WebP primeiro e permita que os navegadores mais antigos recorram a JPG ou PNG, para que nenhum visitante veja uma imagem danificada.

Se um relatório de velocidade recomendar «codificar imagens de forma eficiente» ou «fornecer imagens em formatos de última geração», refere-se precisamente a esta decisão: corrigir o aviso sobre a codificação eficiente de imagens explica o processo, e comprimir JPEG para a Web aborda detalhadamente o controlo de qualidade. Existem mais guias de formatos no grupo conversão de imagens.