Como converter WebP para Base64
- Arraste um arquivo
.webppara a caixa ou escolha-o no seletor de arquivos. - Para mudar o formato, escolha PNG ou JPEG em Converter para. Com Manter formato, definir uma Largura máx. recodifica a imagem como WebP com a Qualidade escolhida.
- Escolha Saída como. O padrão é um data URI.
- Clique em Copiar saída. O medidor compara o tamanho da entrada e da saída.
Por que o WebP combina com data URIs
O Base64 acrescenta cerca de um terço ao que codifica, então quanto menor a origem, melhor. O WebP com perdas costuma ser menor que um JPEG de qualidade parecida, e o WebP sem perdas muitas vezes é menor que o PNG, mantendo a transparência. Para ícones, miniaturas de produtos e placeholders que você quer inline, o WebP normalmente gera uma string mais curta que PNG ou JPEG.
Arquivos WebP animados são codificados como estão. Como no GIF, as opções de recodificação desenham só o primeiro quadro, então não mexa nelas se a imagem se mexe.
Quando o destino não aceita WebP
Muitos programas ainda esperam PNG ou JPEG: algumas APIs que aceitam imagens em Base64, programas desktop antigos, geradores de documentos e muitos clientes de e-mail. Em vez de converter o arquivo em outro lugar antes, escolha Converter para PNG ou JPEG aqui e codifique o resultado direto:
- PNG mantém a transparência e cada pixel, com um tamanho maior.
- JPEG é menor para fotos, mas preenche as áreas transparentes com branco.
O nome do arquivo nas saídas HTML <a download> e JSON muda para combinar com o novo formato; por exemplo, banner.webp vira banner.png.
Recodificando para WebP no navegador
A maioria dos navegadores consegue gravar WebP a partir de um canvas, então redimensionar um WebP ou mudar a qualidade mantém o formato WebP. O Safari não consegue. Nele, a ferramenta recorre ao PNG e avisa abaixo da prévia, e um PNG de uma foto pode ter várias vezes o tamanho do WebP de onde você partiu. Use Chrome, Edge ou Firefox se precisar de saída em WebP, ou mantenha o arquivo original.
Identificando WebP em Base64
O WebP usa o contêiner RIFF, o mesmo do áudio WAV e do vídeo AVI:
UklGRlAAAABXRUJQVlA4IEQAAAD...
└─┬─┘└─┬──┘│└─┬┘
RIFF size W EBP
UklGR só diz “RIFF”. A tag de formato WEBP fica nos bytes 8 a 11 e aparece como XRUJQ nos caracteres 12 a 16, seguida de VlA4 para o chunk VP8. Se você identifica formatos no código, confira as duas partes. Mais assinaturas estão listadas em prefixos Base64 comuns, e Base64 para WebP decodifica uma string de volta em arquivo.
Perguntas frequentes
Todos os navegadores exibem data URIs WebP?
Todos os navegadores atuais, sim. O Safari suporta WebP a partir da versão 14 no macOS 11 Big Sur ou mais recente, e no iOS a partir da versão 14. Sistemas Apple mais antigos mostram uma imagem quebrada.
Como distinguir Base64 de WebP de Base64 de WAV?
Os dois são arquivos RIFF e começam com UklGR. No WebP, os caracteres 12 a 16 são XRUJQ (de WEBP); no WAV são XQVZF (de WAVE).
Por que recebi um PNG quando pedi WebP?
Seu navegador não consegue codificar WebP a partir de um canvas. O Safari é o caso principal. A ferramenta avisa sobre a troca e entrega um PNG, que é sem perdas, mas costuma ser maior.