PNG para WebP
Se você tem um site, trocar PNGs pesados por WebP é uma das formas mais fáceis de fazer as páginas carregarem mais rápido.
Carregando…
Como usar
- Solte seus arquivos PNG.
- Escolha a qualidade. De 80 a 90% serve para a maioria das artes.
- Baixe os WebP e coloque no seu site.
Bom saber
Capturas de tela e artes com bordas nítidas podem mostrar halos em configurações baixas, então aumente a qualidade nesses casos.
O Safari não consegue criar WebP no navegador. Use Chrome, Edge ou Firefox nesta ferramenta.
Qual qualidade combina com cada imagem
| Tipo de imagem | Comece em | Observe |
|---|---|---|
| Fotos salvas em PNG | 80% | Muito pouco, a economia é grande |
| Logotipos e gráficos simples | 90% | Halos suaves nas bordas |
| Capturas de tela com texto | 90 a 95% | Letras pequenas borradas |
Quando manter o PNG
- Pixel art e ícones minúsculos, em que cada pixel importa.
- Arquivos mestres que você pode editar depois. Guarde o PNG e publique o WebP.
- Gráficos que já comprimem bem. Compare os tamanhos, porque um PNG pequeno e simples pode diminuir pouco.
Depois de converter
A transparência é mantida. O WebP funciona em todos os principais navegadores atuais, então normalmente você pode substituir o PNG no site diretamente. Atualize os links ou nomes de arquivo. Para salvar WebP, você precisa do Chrome, Edge ou Firefox, porque o Safari não consegue criar esses arquivos no navegador.
Perguntas
Quanto as imagens vão diminuir?
Depende da imagem, mas PNGs com cara de foto costumam encolher bem mais da metade.
Todos os navegadores mostram WebP?
Sim, todos os principais navegadores atuais.