Por que eu converto PNG para WebP (e a única vez em que não converto)

Tem uma pasta na minha área de trabalho chamada to-shrink. Por anos foi ali que os prints iam morrer — PNGs de 2 MB de dashboards e mockups pela metade que eu mandava por e-mail para gente que não precisava, de jeito nenhum, de 2 MB da minha tela. Numa tarde qualquer eu abri a pasta e fiz a conta: ela estava maior que o app que eu tinha publicado naquela mesma semana. É essa a parte silenciosa do PNG. É um formato ótimo que desperdiça uma quantidade absurda de espaço, e quase ninguém percebe, porque banda larga é barata e o arquivo “abre normal”.

Então deixa eu fazer o argumento que eu queria que alguém tivesse me feito bem antes. Se um PNG está indo para um site — qualquer lugar onde ele vai ser olhado e não editado — ele quase certamente deveria ser um WebP.

No que o PNG é genuinamente bom

PNG é sem perdas. Cada pixel que você põe sai de volta, exatamente igual, toda vez. Isso é uma virtude de verdade — para um arquivo mestre. É por isso que sua ferramenta de design exporta PNG, é por isso que print é PNG, é por isso que qualquer coisa com bordas nítidas e transparência recorre a ele. Sem perdas significa que você pode abrir, mexer e salvar de novo cem vezes sem estragar nada.

O detalhe é que “guardar cada pixel com perfeição” é uma promessa que você paga em bytes. Salve uma foto como PNG e ele registra fielmente os gradientes, o ruído do sensor e as variações sutis de cor que seu olho nunca sentiria falta se fossem apenas aproximadas. Você está pagando o preço cheio por um detalhe que ninguém consegue ver.

O que o WebP faz que o PNG não faz

O WebP foi a resposta do Google a uma pergunta simples: e se a gente só fizesse um formato melhor? Ele faz duas coisas que o PNG não faz. Ele consegue comprimir com perdas quando você quer — descartando o que é imperceptível, do jeito que o JPEG faz, mas com mais esperteza — e mantém um canal alfa completo enquanto faz isso. Essa segunda parte é o pequeno milagre. Por anos a troca foi “transparência ou arquivo pequeno, escolha um”. O WebP entrega os dois de uma vez.

Na prática, converter um PNG cheio de foto ou de print numa qualidade sensata reduz algo entre 60% e 90% do peso. Não 10%. Um print de 1.8 MB vira uns 250 KB, e colocados lado a lado você não distingue qual é qual. Já fiz esse teste comigo mesmo mais vezes do que eu gostaria de admitir, convencido de que ia pegar o WebP no flagrante. Nunca pego.

A comparação que me converteu

Números aproximados de um lote que converti mês passado:

Repara no logo. Ele quase não mexeu — e essa é a nota de rodapé que importa.

Quando eu não me dou o trabalho de converter

Gráficos simples — cores chapadas, poucas delas, bordas duras — são exatamente o que o PNG foi feito para comprimir, e ele faz o serviço tão bem quanto qualquer um. Um ícone de duas cores, um diagrama em traço, um QR code: deixe como PNG, ou melhor ainda, publique como SVG se você tiver o vetor. O WebP não vai piorar esses arquivos, mas também não vai ajudar de forma relevante, e você acabou de acrescentar um passo à toa.

A outra hora em que eu não converto é o arquivo mestre. Eu nunca mexo na única cópia de alguma coisa. O modo com perdas do WebP é uma porta de mão única: o detalhe que você descarta, você não recupera. Então aqui está a única regra que eu nunca quebro — converta a cópia que você publica, guarde o original onde você edita. Na minha máquina isso são literalmente dois arquivos: o PNG fica na pasta do projeto, o WebP vai para o site. Seguro barato, e nunca me arrependi uma vez sequer.

“Mas será que funciona mesmo em todo lugar?”

Essa era a objeção de verdade, e simplesmente não é mais. Todo navegador que as pessoas de fato usam suporta WebP desde por volta de 2020 — Chrome, Safari, Firefox, Edge, todos eles. Clientes de e-mail ainda são irregulares e alguns softwares corporativos antigos são esquisitos com isso, então para uma newsletter eu ainda recorro ao JPEG. Mas para a web aberta? Servir WebP sem fallback deixou de ser uma escolha corajosa anos atrás.

Como eu faria na prática

O motivo honesto de eu ter construído o conversor de PNG para WebP deste site é que eu cansei de arrastar prints para ferramentas web aleatórias só para encolhê-los, sem nunca ter certeza de onde meus arquivos iam parar depois. Então a versão que eu recomendaria é a chata e privada: converta na sua própria máquina, no navegador, onde o arquivo nunca sai do seu dispositivo. Solte os PNGs, veja a coluna de tamanho despencar, baixe o WebP.

Mas a ferramenta é o de menos. O que importa é o hábito. Quando “PNG para editar, WebP para publicar” vira automático, você para de mandar prints de 2 MB para os outros, suas páginas ficam mais rápidas de graça, e aquela pasta to-shrink na sua área de trabalho finalmente continua vazia. A minha continua, faz mais ou menos um ano. Vitória pequena — mas eu aceito.