WebP, PNG ou JPG?

Escolha nesta ordem: destino, transparência, detalhes e bytes

Primeiro confira os formatos aceitos pelo aplicativo. Depois decida se precisa de pixels transparentes. Em seguida, avalie quanto de mudança visual o conteúdo tolera. Compare tamanhos apenas entre opções que atendam a essas condições. O menor arquivo não ajuda se não puder ser usado.

Um produto recortado pode precisar de alfa; uma captura, de texto nítido; uma fotografia opaca, de uma entrega compacta. São decisões diferentes mesmo com as mesmas dimensões. Guarde o original e crie exportações conforme o uso, em vez de declarar um formato melhor para tudo.

1. O destino aceita o formato → o arquivo pode entrar no fluxo.
2. Alfa é necessário → mantenha um formato e uma exportação que preservem transparência.
3. Detalhes finos importam → compare as saídas reais no tamanho de uso.
4. O limite de bytes é rígido → confira o arquivo, não uma porcentagem prevista.

Transparência: o que significa o fundo quadriculado

Transparência é uma informação associada aos pixels, não um fundo branco que o conversor possa reconhecer e apagar. Um logotipo transparente pode ficar sobre uma apresentação, um cartão de produto ou um site escuro sem carregar um retângulo de fundo. Um pixel branco opaco continua branco após a conversão.

A prévia usa um padrão quadriculado para mostrar áreas vazias e parcialmente transparentes. O padrão pertence à interface e não entra na imagem baixada. Após baixar, coloque o resultado sobre um fundo claro e outro escuro. Isso revela halos, fundos incorporados e bordas que uma prévia branca pode esconder.

Canal alfa → controla a opacidade do pixel → permite ver o fundo que está por baixo.

Referência: W3C: PNG specification

Como comparar formatos sem misturar as variáveis

Use o mesmo original e as mesmas dimensões visíveis. Comparar uma miniatura de 600 px com uma imagem de 2400 px não isola o formato. Anote codificador e qualidade; compare aparência e bytes. O mesmo número de qualidade em dois codificadores não comprova qualidade visual equivalente.

Inclua conteúdo exigente: texto pequeno em diagramas, gradientes em ilustrações e cabelo ou textura em fotos. Se transparência importa, use o mesmo fundo ao conferir. Registre qual exemplo atende aos requisitos; não transforme o resultado de uma imagem simples em uma promessa universal de redução.

Referência: MDN: Canvas toBlob()

Guarde um original principal e crie uma cópia para entrega

O original principal é a origem guardada para editar e exportar. A cópia de entrega é adaptada a um destino. Um PNG principal pode gerar WebP para um site e JPG opaco para um formulário. Não é preciso substituir o original. Organize por uso para começar alterações futuras a partir da melhor origem disponível.

Evite cadeias como JPG → WebP → JPG para revisões se tiver o original. As duas entregas podem ter perdas. Um PNG final evita novas perdas nos pixels de trabalho, mas não reverte danos anteriores. Se perfis exatos ou metadados de arquivo importam, a tela do navegador não substitui um fluxo especializado.

Dimensões, orientação e tamanho da prévia

Mudar o formato não redimensiona nem recorta a imagem. Uma foto horizontal de 2400 × 1600 mantém esse tamanho em pixels. Uma tag de orientação pode exigir rotação ou espelhamento; ao orientar um retrato, largura e altura podem trocar de posição. Isso corrige a orientação, sem reduzir a resolução.

A prévia se ajusta ao espaço disponível e pode usar uma cópia menor para exibição. Confira as dimensões no arquivo baixado, não pelo tamanho dele na tela. Para impressão, verifique também tamanho físico e resolução no aplicativo de design; converter o formato não prepara uma especificação completa de impressão.

EXIF, GPS, perfis de cor e o que não é preservado

O resultado é uma imagem codificada novamente. Os registros EXIF, GPS e XMP originais não são copiados; o codificador pode acrescentar campos técnicos próprios. A orientação é aplicada à imagem, sem depender da tag original no download. Guarde o original se precisar das configurações da câmera, datas ou de um registro para arquivo.

Os pixels de trabalho usam uma tela sRGB quando há suporte. Perfis ICC exatos, informações HDR e precisão de 16 bits não são mantidos. Uma aparência semelhante na tela não comprova dados de cor idênticos. Para impressão calibrada, medições científicas ou preservação de originais de alta profundidade, use um fluxo adequado a esses requisitos.

Uma revisão prática antes de usar o resultado

Um download concluído é o começo da conferência final. Abra o resultado no aplicativo que realmente vai usá-lo. Um editor de apresentações, um formulário e um visualizador podem tratar o mesmo arquivo de formas diferentes. Conferir o destino detecta problemas que a prévia sozinha não mostra.

1. Confirme a extensão e se o aplicativo abre a imagem sem erros.
2. Confira largura, altura e orientação visível; compare com o original.
3. Confira textos pequenos, diagonais, cabelo, sombras e gradientes com zoom de 100%.
4. Coloque gráficos transparentes sobre um fundo claro e outro escuro.
5. Compare o tamanho real com o limite do destino antes de enviar.
6. Guarde os originais até conferir todos os arquivos baixados.