Por que converter suas imagens para WebP?
As imagens costumam ser a parte mais pesada de uma página web. E o peso afeta diretamente a velocidade de carregamento, a experiência de quem visita pelo celular e seu posicionamento no Google, que mede a velocidade com as Core Web Vitals. Ferramentas como o PageSpeed Insights recomendam explicitamente “veicular imagens em formatos de última geração”.
O WebP é esse formato de última geração: com a mesma qualidade visual, uma imagem WebP é 25–35% menor que um JPG e muito menor que um PNG, mantendo a transparência. Todos os navegadores atuais o aceitam, então você pode usá-lo no seu site com tranquilidade.
Como converter JPG ou PNG para WebP
- Adicione suas imagens: arraste-as para a área acima ou toque em “Selecionar arquivos”. Pode misturar JPG e PNG.
- Ajuste a qualidade. Para fotos na web, 75–85% dá o melhor equilíbrio. Para gráficos com texto, suba para 90%.
- Confira o resultado: você verá o tamanho original e o novo de cada imagem.
- Baixe os arquivos WebP um por um ou todos juntos em um ZIP.
Vantagens do WebP
- Páginas mais rápidas e melhor nota no PageSpeed.
- Menos consumo de dados para quem visita pelo celular.
- Transparência como o PNG, com arquivos muito mais leves.
- Menos espaço na hospedagem e nos backups.
Dicas para otimizar imagens para a web
O formato é só uma parte. Para uma imagem voar, ajuste também as dimensões: não adianta subir uma foto de 4000 pixels de largura que será exibida com 1200. Redimensione a imagem primeiro e depois converta para WebP. Se você precisa de um controle fino do tamanho final, o compressor de imagens permite comparar tamanhos.
Se você usa WordPress, Shopify ou outro CMS, pode enviar os arquivos .webp diretamente como qualquer outra imagem.
Uma observação sobre o Safari
O Safari consegue exibir imagens WebP, mas não consegue criá-las a partir de uma página web. Se você usa Safari no Mac ou no iPhone e a opção não está disponível, abra esta página no Chrome, Edge ou Firefox. Como sempre, suas imagens nunca são enviadas.
Como usar WebP no seu site
No WordPress, Shopify, Wix ou Squarespace, basta enviar o arquivo .webp para a biblioteca de mídia como qualquer imagem. Se você edita o HTML à mão, pode usar uma tag <img> normal apontando para o arquivo .webp. Defina sempre a largura e a altura da imagem para evitar saltos de layout enquanto ela carrega, e adicione um texto alternativo descritivo, que também ajuda a aparecer no Google Imagens. Com imagens bem dimensionadas em WebP, é comum reduzir pela metade o peso total de uma página.
Perguntas frequentes
Quanto o WebP é menor que o JPG?
Normalmente 25–35% menor com a mesma qualidade visual. Comparado a uma foto em PNG, a economia pode passar de 80%.
Qual a melhor qualidade de WebP para a web?
75–85% para fotos. Para logotipos, capturas de tela ou imagens com texto, 90%.
O WebP mantém a transparência do PNG?
Sim, o WebP aceita transparência, então os PNG transparentes são convertidos sem perder o fundo transparente.
Todos os navegadores aceitam WebP?
Sim, todos os navegadores atuais exibem WebP: Chrome, Edge, Firefox, Safari e Opera.
Por que não funciona no Safari?
O Safari mostra WebP, mas não consegue gerá-lo a partir de uma página web. Use Chrome, Edge ou Firefox para converter.
Minhas imagens são enviadas a um servidor?
Não, a conversão acontece no seu navegador.