Conversor de formato de imagem

Converter entre JPEG, PNG e WebP costuma ser uma tarefa de dois minutos que vira vinte, porque o caminho óbvio é um site de upload para o qual você não quer mandar a arte de um cliente. O conversor acima faz isso no navegador: escolha os arquivos, escolha um formato e baixe.

Como funciona

Solte até 20 imagens JPEG, PNG ou WebP de uma vez. Escolha o formato de saída e, nos formatos com perdas, um nível de qualidade; cada arquivo é recodificado e listado com o tamanho antes da conversão e o novo depois, para você ver o que a conversão rendeu.

Por baixo dos panos, cada imagem é decodificada em um bitmap, desenhada em um canvas nas dimensões originais (é uma troca de formato, não um redimensionamento) e recodificada. Dois detalhes desse pipeline valem a pena conhecer:

• A orientação EXIF é aplicada. Uma foto tirada na vertical no celular é gravada com uma flag de rotação, e não com os pixels já girados. O conversor respeita essa flag, então a imagem sai na posição certa, e não do jeito que o sensor a captou.
• A transparência ganha um fundo branco quando o destino é JPEG. JPEG não tem canal alfa. Sem esse fundo, os pixels transparentes de uma origem PNG ou WebP são codificados como preto, o clássico "por que meu logo está numa caixa preta?". Por isso o canvas é preenchido de branco antes.

A saída PNG ignora o controle de qualidade, porque o codificador do canvas sempre grava PNG sem perdas. SVG não é aceito como entrada: é vetorial, e rasterizá-lo exige um tamanho de destino que a ferramenta não tem como adivinhar.

Tudo roda localmente. Nenhum arquivo é enviado, nada é armazenado, e a ferramenta funciona até com a rede desconectada.

Escolhendo um formato

WebP é o padrão sensato para a web. Com qualidade percebida equivalente, costuma ser de 25 a 35% menor que o JPEG, suporta transparência e animação, e todos os navegadores atuais dão suporte a ele há anos. Use-o, a menos que algo mais adiante no fluxo não consiga lê-lo.

JPEG continua sendo o formato de intercâmbio mais seguro: toda ferramenta, toda impressora e todo sistema de dez anos atrás conseguem lê-lo. Não tem transparência e é com perdas, então cada recodificação degrada um pouco a imagem.

PNG é sem perdas e suporta transparência, o que o torna a escolha certa para logos, ícones, diagramas e capturas de tela com texto — qualquer coisa com bordas nítidas e cores chapadas, onde os artefatos de bloco do JPEG ficam mais visíveis. É uma escolha ruim para fotografias, em que pode ficar várias vezes maior que um JPEG que ninguém saberia diferenciar.

A única regra que importa: não converta de um formato com perdas para outro sem motivo. JPEG → WebP → JPEG perde qualidade a cada etapa e não a recupera. Converta uma vez só, a partir da melhor fonte que você tiver.

Configurações de qualidade

Em WebP e JPEG, qualidade entre 0,8 e 0,9 costuma ser indistinguível do original no tamanho normal de visualização, economizando boa parte dos bytes. Abaixo de uns 0,7, os artefatos aparecem primeiro em volta das bordas nítidas e do texto. Não trate o controle como uma meta de tamanho: a mesma configuração gera tamanhos muito diferentes dependendo de quanto detalhe a imagem tem.

Converter um JPEG já comprimido com qualidade 1,0 deixa o arquivo maior sem devolver nenhuma informação. Se o objetivo é o tamanho e não o formato, o compressor de imagens é a ferramenta mais direta.

Onde isso se encaixa

O peso das imagens costuma ser o maior fator isolado na sensação de lentidão de uma página, e a escolha do formato é a alavanca mais barata que existe — antes do cache, antes de uma CDN, antes do code splitting. Desempenho de aplicações mostra como medir o que realmente atrasa uma página, e HTML5 essencial aborda <picture> e srcset, que permitem servir WebP com fallback em JPEG e o tamanho certo para cada viewport.

Ferramentas relacionadas

Para mudar as dimensões em vez do formato, use o redimensionador de imagens; para recortar uma região, o recortador de imagens; para reduzir o tamanho do arquivo mantendo o formato, o compressor de imagens.