O que o WebP traz para um site
O WebP foi lançado pelo Google em 2010 como um substituto pensado para a web do JPG, do PNG e do GIF. O modo com perdas dele se baseia na codificação intraquadro do codec de vídeo VP8: ele prevê cada bloco de pixels a partir dos vizinhos e guarda só a diferença, o que é mais eficiente que os blocos fixos de 8×8 do JPG. Com a mesma qualidade visual, uma foto costuma ficar de um quarto a um terço menor.
Numa única imagem, essa economia parece modesta. Numa página, ela se acumula: uma listagem de produtos com 40 fotos de 200 KB cada perde algo entre 2 e 3 MB depois de convertida. Imagens menores chegam à tela mais cedo, o que melhora o Largest Contentful Paint, a métrica de carregamento que os buscadores usam, e reduz o consumo de dados móveis dos visitantes.
Todos os navegadores atuais exibem WebP, e a maioria dos sistemas de conteúdo aceita o formato no upload, incluindo o WordPress desde a versão 5.8 e as principais plataformas de loja virtual. Para um site feito nos últimos anos, raramente há motivo para continuar entregando JPG simples.
Quando é melhor manter o JPG
WebP é um formato de entrega, não de arquivamento. Guarde os originais em JPG (ou, melhor ainda, os originais da câmera) e converta cópias para publicar. Fique com o JPG quando:
- O arquivo vai para impressão, para um laboratório fotográfico ou para um cliente que vai abri-lo num programa de computador antigo.
- É um anexo de e-mail para pessoas cujos apps de e-mail você não conhece.
- Você ainda vai editar a imagem depois. Cada salvamento com perdas custa algum detalhe, e as ferramentas de edição lidam com JPG de forma mais consistente.
Se alguém devolver um WebP e não conseguir abri-lo, o WebP para JPG faz o caminho inverso.
Como este conversor trata seus arquivos
A imagem é decodificada pelo seu navegador, desenhada num canvas no tamanho original e codificada em WebP com o codificador embutido do navegador, num worker em segundo plano quando disponível. Os arquivos ficam no seu dispositivo.
São aceitos JPG e PNG. A entrada em PNG é útil para capturas de tela e gráficos com transparência: o canal alfa é mantido, então a foto recortada de um produto continua assentando limpa sobre qualquer fundo. O JPG não tem transparência, então uma entrada em JPG gera um WebP opaco.
As dimensões em pixels não mudam. O próprio formato WebP é limitado a 16383 px por lado, então panoramas muito grandes precisam ser reduzidos antes da conversão. Metadados como os detalhes EXIF da câmera e a localização GPS não são copiados para a saída, o que normalmente é o que você quer em imagens publicadas online.
Configurações de qualidade que funcionam
O controle vai de 10% a 100% e começa em 85%. A escala de qualidade do WebP não é igual à do JPG, então não copie simplesmente o número que você usava no JPG. Alguns pontos de referência:
- 80–85% para fotos em páginas de conteúdo. É a faixa em que o WebP entrega a maior parte da economia sem nenhuma mudança visível no tamanho normal de exibição.
- 70–75% para miniaturas, grades de listagem e imagens de fundo, em que a imagem é pequena ou fica parcialmente coberta por texto.
- 90–95% para imagens de destaque em telas grandes e para capturas de tela com texto fino. O WebP com perdas guarda a cor em meia resolução, então linhas finas coloridas e texto vermelho sobre fundo escuro podem parecer um pouco moles em configurações mais baixas.
Evite 100% em fotos. Isso gera um arquivo muitas vezes maior que o JPG de partida, sem nenhum ganho visível, porque os próprios artefatos de compressão do JPG passam a ser preservados em detalhe.
Tirando o máximo da conversão
Um JPG que já foi muito comprimido não vai encolher muito mais. Converter um JPG de 60 KB salvo com qualidade 60 pode render só alguns por cento, e a segunda rodada de compressão com perdas pode deixar os blocos mais visíveis. Os maiores ganhos vêm de originais de alta qualidade.
A ordem das etapas importa mais que o valor exato da qualidade:
- Comece pela maior versão, com a melhor qualidade que você tiver.
- Redimensione para o tamanho em que a página realmente exibe a imagem, por exemplo 1600 px de largura para uma imagem de largura total ou 600 px para um card.
- Converta para WebP a 80–85% e compare os tamanhos antes e depois mostrados para cada arquivo.
Lotes são suportados, com limite de 50 MB por arquivo. Todos os arquivos de um lote usam a mesma qualidade, então, se você misturar fotos e capturas de tela, converta em duas rodadas, com configurações adequadas a cada tipo.