Por que WebP para a web
Toda imagem de uma página precisa ser baixada antes de o visitante vê-la. JPGs grandes, direto do celular, são um dos motivos mais comuns para um site parecer lento, e a velocidade da página afeta tanto a taxa de rejeição quanto o posicionamento nas buscas.
O WebP foi criado pelo Google exatamente para isso. Ele normalmente gera arquivos bem menores que o JPG com a mesma qualidade visual, suporta transparência como o PNG, e todos os principais navegadores atuais o exibem. Para fotos de blog, loja ou portfólio, é um padrão sensato.
Escolhendo o formato certo para o seu site
| Formato | Tamanho do arquivo | Suporte nos navegadores | Ideal para |
|---|---|---|---|
| JPG | Maior | Universal | E-mail, impressão, sistemas antigos |
| WebP | Menor | Todos os principais navegadores atuais | A maioria das fotos de sites |
| AVIF | O menor | Navegadores modernos, com algumas lacunas | Sites que brigam por cada kilobyte |
Se quiser ir além, o seletor de formato acima também gera AVIF. Os arquivos AVIF são ainda menores, mas demoram mais para codificar. Veja HEIC para AVIF para entender os prós e contras.
Um fluxo rápido para quem cria sites
- Redimensione primeiro. Uma foto do iPhone com 4032 pixels de largura é desperdício numa coluna de 1200 pixels. Use o Redimensionar HEIC com a predefinição de 1920 ou 1280.
- Converta para WebP aqui, com qualidade de 75 a 85.
- Remova a localização. Ela já vem desligada por padrão, para o endereço da sua casa não ir parar num post público.
- Envie para o seu CMS. Quem usa WordPress pode seguir nossa página de HEIC para WordPress para os detalhes.
Cor entre navegadores
As fotos do iPhone são feitas em Display P3, uma gama de cores mais ampla que o sRGB padrão. Incorporamos o perfil de cor no WebP, e os navegadores modernos o respeitam. Se você quer garantir cores idênticas em todas as telas, inclusive as antigas que ignoram perfis, mude Cor para sRGB antes de converter.
Feito para a privacidade, não para servidores
Conversores online que enviam seus arquivos não combinam muito com fotos que você ainda nem publicou. Aqui, a codificação WebP roda em Web Workers dentro da aba do navegador, em paralelo nos núcleos da sua CPU. Não há etapa no servidor, nem cadastro, nem marca d’água. Depois que o app fica em cache, funciona offline, então você pode preparar as imagens no avião e enviar quando pousar.