Por que o WebP é mais leve que o JPG
O modo com perdas do WebP usa técnicas de compressão mais novas que as do JPG, um formato que remonta ao início da década de 1990. Em fotografias, um WebP costuma ser 25–35% menor que um JPG com qualidade visual parecida. Em uma página com muitas imagens, essa diferença se acumula e pode deixar o carregamento visivelmente mais rápido, principalmente em conexões móveis.
Há um detalhe que vale entender. Seu JPG já passou por compressão com perdas, e a saída em WebP também é com perdas, então essa conversão comprime a imagem uma segunda vez. O WebP não pode conter mais detalhes que o JPG de origem e, em configurações de qualidade baixas, as duas rodadas de compressão podem se somar. Comece pelo JPG de maior qualidade que você tiver, de preferência a exportação original da sua câmera ou editor, e não por uma cópia que já foi reduzida para a web.
Como escolher a qualidade do WebP para fotos
O padrão de 85 é um ponto de partida equilibrado para a maioria das fotografias. Como orientação geral:
- 85 a 92 para imagens principais, fotos de produtos e tudo em que texturas finas, como tecido, cabelo ou folhagem, importam;
- 75 a 85 para imagens típicas de artigos e galerias;
- 65 a 75 para miniaturas pequenas, em que os artefatos são difíceis de ver no tamanho de exibição.
Não presuma que os números coincidem com os do JPG. Um WebP em 85 e um JPG em 85 vêm de codificadores diferentes e não terão a mesma aparência, então avalie o resultado a olho em uma imagem representativa antes de converter as demais.
As dimensões importam tanto quanto a qualidade. Uma foto de 6.000 pixels de largura direto da câmera é muito maior do que qualquer página a exibe. Use Configurações → Tamanho para ajustar as imagens à maior largura que o seu layout mostra; a proporção é mantida e as fotos nunca são ampliadas.
JPG e WebP para fotografias
| Critério | JPG | WebP |
|---|---|---|
| Compressão | Com perdas | Com ou sem perdas (este conversor cria WebP com perdas) |
| Tamanho típico de uma foto | Referência | Muitas vezes 25–35% menor com qualidade visual parecida |
| Transparência | Não suportada | Suportada |
| Animação | Não suportada | Suportada |
| Navegadores | Todos | Todos os principais navegadores atuais |
| Outros programas | Aceito em quase todos os lugares | Alguns aplicativos antigos, serviços de impressão e clientes de e-mail o recusam |
| Ideal para | Compartilhamento, impressão, compatibilidade | Publicação de imagens em sites e aplicativos |
Quando um JPG deve continuar JPG
- Ele vai sair da web. Serviços de impressão, destinatários de e-mail e programas de escritório antigos podem não aceitar WebP, então mantenha um JPG para esses usos.
- Ele já está muito comprimido. Um JPG pequeno e de baixa qualidade tem pouco a economizar, e outra passagem com perdas só acrescenta artefatos.
- Ele é a sua cópia de arquivo. Mantenha os JPGs originais e trate os arquivos WebP como as versões que você publica.
Fazer o caminho inverso é igualmente fácil: se alguém lhe enviar imagens WebP que o seu programa não abre, use WebP para JPG.
Como colocar fotos WebP no seu site
A maior parte do trabalho depois da conversão acontece no próprio site. Alguns hábitos deixam a troca tranquila:
- Mantenha as configurações consistentes. Usar a mesma qualidade e a mesma largura máxima para todas as imagens de uma galeria as mantém com aparência uniforme lado a lado.
- Atualize todas as referências. Os arquivos convertidos usam a extensão
.webp, então links, tags de imagem e configurações de tema que apontam para os nomes.jpgantigos precisam ser alterados. - Verifique sua plataforma antes. Muitos sistemas de gerenciamento de conteúdo atuais aceitam uploads em WebP, mas alguns mais antigos e alguns plugins não.
Antes de publicar
Os metadados EXIF não são copiados para o WebP, então coordenadas GPS e detalhes da câmera não são publicados junto com as suas fotos. Campos de direitos autorais e legendas também são descartados, portanto dê o crédito aos fotógrafos no texto da página quando necessário. A orientação é aplicada aos pixels, o que significa que as fotos aparecem na posição certa sem depender de etiquetas.
As cores são convertidas para sRGB, o espaço de cor que os navegadores presumem para imagens sem etiqueta. Fotos feitas em Display P3 em celulares recentes podem ficar um pouco menos vivas depois, o que vale uma conferência rápida em fotos de produtos em que a cor é crítica.
Você pode converter até 10 fotos por lote. Elas são processadas uma de cada vez, e o download em ZIP as armazena sem comprimi-las de novo, então os arquivos no pacote são exatamente os WebPs que você criou.