PNG para WebP: confira as bordas, não só a transparência
Um ícone pode manter o fundo transparente e perder clareza em uma palavra. Transparência e fidelidade das cores são questões distintas; preservar uma não basta para aprovar a cópia.
Transparente não significa idêntico em cada pixel
WebP pode juntar transparência e compressão de cores com perdas. Também há modo sem perdas; extensão e fundo transparente não mostram qual foi usado.
Este caminho do ToolRoof gera WebP com perdas. Examine bordas e letras pequenas; mantenha PNG se reproduzir o desenho importar mais que a possível economia.
Referências: Google WebP — Quality and lossless encoding are separate controls
Teste os fundos de destino
Coloque a saída sobre fundo claro e escuro. Sombras suaves e bordas parcialmente transparentes podem revelar um problema apenas em um deles.
Margem transparente nem sempre é sobra: pode alinhar ícones em botões iguais. Cortá-la apenas para reduzir bytes pode mudar a composição da interface.
Desenhos de poucas cores precisam de comparação própria
WebP com perdas pode ser maior que PNG com poucas cores. Não troque todos os ícones por causa do sucesso com uma fotografia diferente.
Confira legibilidade no tamanho final, fundo adequado e economia real. Manter PNG é uma decisão válida se converter não atende ao motivo principal.
Referências: Google WebP — File size, format features and limitations
Exemplo: área do ícone não é tamanho de arquivo
Um ícone de 256 × 256 pixels tem margem de 32 pixels em cada lado. O centro é 192 × 192 = 36864 pixels, ou 56,25% da tela. É proporção geométrica, não previsão de compressão.
Exibindo a tela inteira com 64 pixels de largura, o conteúdo central ocupa 48. Confira nesse tamanho e nos 2 fundos. Uma pequena economia não deve esconder a perda de margem ou traço fino.