Do PNG sem perdas ao WebP com perdas
O PNG guarda cada pixel exatamente, o que é ideal para edição, mas caro em bytes. Os arquivos WebP que o Convertisio cria usam compressão com perdas e qualidade controlada: o codificador descarta os detalhes que têm menos chance de serem notados e guarda o restante de forma bem mais compacta. O resultado costuma ser muito menor que o PNG, embora já não seja uma cópia pixel a pixel dele.
A economia depende da imagem:
- Fotos salvas como PNG tendem a encolher mais. O PNG é uma forma pesada de guardar uma fotografia, geralmente várias vezes maior que um JPG da mesma imagem, e o WebP é ainda mais compacto.
- Gráficos, ilustrações e capturas de tela também podem encolher bastante, embora o PNG já lide razoavelmente bem com grandes áreas de cor sólida, então a diferença costuma ser menos dramática.
A transparência acompanha intacta. O WebP suporta um canal alfa completo, então logotipos, ícones e fotos de produto recortadas mantêm os fundos transparentes e as bordas suaves, algo que um JPG não oferece. Se suas fotos são JPGs, e não PNGs, o conversor de JPG para WebP é um ponto de partida melhor.
PNG e WebP
| Aspecto | PNG | WebP |
|---|---|---|
| Compressão | Sem perdas | Com ou sem perdas (o Convertisio cria WebP com perdas) |
| Transparência | Sim | Sim |
| Animação | Variante APNG | WebP animado |
| Tamanho típico do arquivo | Grande, muito grande em fotos | Geralmente bem menor |
| Salvar de novo | Sem perda, por mais que você salve | Cada salvamento com perdas tira um pouco |
| Onde abre | Praticamente em todo lugar | Todos os principais navegadores atuais; alguns programas antigos não o aceitam |
| Ideal para | Cópias mestras, edição, pixels exatos | Publicação em sites e aplicativos |
Quando manter o PNG
O WebP é um formato de entrega. Ele é excelente para a versão da imagem que os visitantes baixam, mas menos indicado como sua única cópia:
- Mantenha o PNG como cópia mestra. Se for editar a imagem de novo, trabalhe a partir do original sem perdas e exporte um WebP novo depois, em vez de editar e salvar de novo o WebP.
- Trabalho exato em pixels. Pixel art, protótipos de interface e capturas de tela para documentação podem mostrar bordas suavizadas em configurações de qualidade mais baixas. Use um valor de qualidade alto ou mantenha-os em PNG.
- Destinos que recusam WebP. Alguns serviços de impressão, clientes de e-mail e programas de escritório antigos ainda não o aceitam. Se não for preciso transparência nesses casos, PNG para JPG oferece ampla compatibilidade com um arquivo menor.
Mais uma observação honesta: este conversor produz apenas WebP com perdas. Se você precisa especificamente de saída em WebP sem perdas, ele não é a ferramenta certa para isso.
Onde a troca compensa
As imagens costumam ser a parte mais pesada de uma página da web, então substituir PNGs grandes é uma das formas mais simples de deixar um site mais rápido. Os maiores ganhos geralmente vêm de:
- Capturas de tela em artigos e documentação, que muitas vezes são salvas como PNGs em tamanho original direto pelo sistema operacional;
- Imagens de produtos com fundo transparente, em que o JPG não é uma opção, mas o PNG é pesado sem necessidade;
- Ilustrações e banners exportados de ferramentas de design que usam PNG como padrão.
Antes de trocar, confirme se o seu sistema de gerenciamento de conteúdo, tema ou aplicativo aceita uploads em WebP. Muitas plataformas atuais aceitam, mas algumas mais antigas, assim como alguns clientes de e-mail, ainda esperam PNG ou JPG.
Como obter o melhor WebP a partir de um PNG
Qualidade
O padrão de 85 serve para a maioria das imagens da web. Para capturas de tela e gráficos com texto pequeno, tente 90 ou mais para manter as bordas nítidas; para fotografias grandes, valores entre 75 e 85 costumam ficar limpos e economizar mais espaço. Confira um resultado em tamanho real antes de converter um lote inteiro.
Dimensões
Redimensionar muitas vezes economiza mais que reduzir a qualidade. Um PNG exportado com 4.000 pixels de largura, mas exibido com 1.200 no seu site, desperdiça a maior parte dos bytes. Use Configurações → Tamanho para ajustar as imagens à maior largura ou altura que o seu layout exibe; a proporção é preservada e nada é ampliado.
Animação, metadados e cor
PNGs animados (APNG) são convertidos como imagem estática a partir do primeiro quadro, com um aviso. Os metadados EXIF não são copiados. As cores são convertidas para sRGB, o espaço de cor padrão da web, então ilustrações de gama ampla podem ficar um pouco menos saturadas.
Safari
Algumas versões do Safari não conseguem criar arquivos WebP de forma nativa. Nesse caso, o Convertisio baixa um codificador WebP embutido de cerca de 300 KB assim que você escolhe WebP como saída, e a conversão continua rodando inteiramente no seu dispositivo.