Escolha de acordo com a tarefa
Para uma fotografia na Web, comece por comparar WebP e JPEG. Para um diagrama, captura de ecrã ou logótipo com contornos exatos, compare PNG com uma alternativa sem perdas. WebP suporta transparência e compressão com e sem perdas; JPEG não preserva o canal alfa. Um conversor pode, contudo, exportar menos funcionalidades do que o formato permite. Guarde um original intacto antes de experimentar.
Redimensione antes de ajustar a qualidade
Uma imagem apresentada com 800 píxeis de largura raramente precisa de uma exportação de 6.000 píxeis para o mesmo espaço. Defina o tamanho de apresentação e a nitidez necessária em ecrãs de alta densidade e redimensione preservando a proporção. Recortar altera a composição; redimensionar altera as dimensões. Use uma imagem maior separada para o zoom de um produto. Não amplie uma miniatura para a transformar na fotografia principal.
Compare no tamanho de apresentação
Experimente uma qualidade intermédia, examine o resultado no tamanho previsto e compare o tamanho real dos ficheiros. Observe letras, cabelo, tecidos finos e gradientes suaves: revelam rapidamente danos de compressão. Qualidade 80 não significa o mesmo aspeto em todos os codificadores. Não prometa uma percentagem fixa de redução; um ficheiro já eficiente pode diminuir pouco ou até aumentar.
Verifique transparência, orientação e animação
Uma imagem transparente exige uma saída que preserve o canal alfa. Ao exportar JPEG, escolha uma cor de fundo intencionalmente para evitar contornos pretos inesperados. Reabra o ficheiro guardado e verifique orientação e cores. Um conversor de imagens estáticas pode conservar apenas um fotograma de uma animação; os metadados também podem ser removidos. Guarde o original quando essas características forem importantes.
Crie um processo repetível
Prepare o recorte, redimensione uma vez, exporte dois formatos e escolha o resultado mais pequeno com qualidade aceitável. Dê um nome descritivo e escreva texto alternativo que explique a função da imagem. Verifique a página final no telemóvel e no computador. Este processo é uma recomendação editorial, não um teste de desempenho de um codificador específico: interessa o resultado recebido pelos visitantes.
developers.google.com · developer.mozilla.org