Compressão de imagem e WebP para desenvolvedores
Comprima imagens de documentação e site localmente, converta PNG/JPEG para WebP e entenda qualidade, metadados e limites do navegador.
Sites de documentação, capturas em README e assets de blog costumam ser PNG/JPEG grandes. Você pode reduzi-los localmente antes do deploy — sem enviar originais a compressores de terceiros.
Quando WebP ajuda
WebP geralmente vence JPEG e PNG em tamanho com qualidade visual similar. É um bom padrão para entrega web quando seu CDN suporta formatos modernos.
Use JPEG para compatibilidade máxima em e-mail ou pipelines legados. Mantenha PNG para transparência ou bordas lossless.
Fluxo local prático
- Reúna as imagens (docs,
public/, export do Figma). - Abra o Compressor de imagem.
- Solte vários arquivos, escolha WebP ou JPEG, qualidade ~0,80–0,85.
- Opcional: largura máxima (ex.:
1280). - Comprimir tudo, compare tamanhos e baixe o zip.
Tudo no navegador.
O que devs esquecem
Metadados — Export Canvas remove EXIF/ICC (ok para web, não para arquivo fotográfico).
PNG transparente → JPEG — Transparência vira cor de fundo sólida.
PNG “comprimido” — PNG no navegador é praticamente lossless; use WebP/JPEG para economia real.
Lotes grandes — No mobile, comprima em batches menores.
Ferramentas relacionadas
Precisa recortar antes? Recortador de imagem. Assets de loja? Redimensionador para lojas.