Uma imagem de câmera pode ter milhares de pixels e vários megabytes.
Se ela for publicada diretamente em um site, o visitante pode baixar muito mais dados do que realmente precisa.
O Otimizador de Imagens permite redimensionar e recodificar imagens em PNG, JPEG, WebP ou AVIF diretamente no navegador.
1. Otimizar não significa apenas comprimir
Existem pelo menos três decisões:
- dimensões;
- formato;
- qualidade.
Uma foto de 6000 × 4000 pixels continua enorme mesmo com boa compressão se será exibida a apenas 1200 pixels de largura.
Muitas vezes, redimensionar é o maior ganho.
2. Comece pelas dimensões
Pergunte:
qual é a maior dimensão em que essa imagem será realmente exibida?
Se o layout nunca passa de 1200 px de largura, exportar 6000 px pode ser desperdício.
A ferramenta redimensiona mantendo a proporção.
3. JPEG
JPEG é muito usado para fotografias.
Vantagens:
- ampla compatibilidade;
- boa compressão para fotos.
Limitações:
- compressão com perda;
- não preserva transparência.
Qualidade muito baixa pode criar blocos e artefatos.
4. PNG
PNG é lossless para os pixels codificados e suporta transparência.
É útil para:
- gráficos;
- elementos com alfa;
- screenshots;
- imagens em que artefatos de compressão são indesejáveis.
Mas uma fotografia em PNG pode ficar muito maior que JPEG, WebP ou AVIF.
5. WebP
WebP oferece compressão com e sem perdas e suporta transparência.
É bastante útil na web por combinar:
- tamanhos menores em muitos casos;
- boa compatibilidade moderna;
- suporte a alfa.
Não existe um percentual fixo de redução para toda imagem.
6. AVIF
AVIF é um formato moderno baseado no ecossistema AV1.
Pode oferecer ótima eficiência em várias imagens, especialmente fotografias.
A ferramenta atual utiliza um codificador WebAssembly para AVIF.
Codificação pode ser mais lenta que formatos tradicionais, principalmente em dispositivos modestos.
7. Qualidade 80 é igual em todos os formatos?
Não.
O controle de qualidade não possui significado universal entre codecs.
“80” em JPEG não é diretamente comparável a “80” em WebP ou AVIF.
Compare visualmente o resultado.
8. Como funciona a ferramenta?
Fluxo atual:
imagem → decodificação → redimensionamento opcional → canvas/codec → Blob → download
Para formatos suportados pelo navegador, Canvas participa da exportação.
Para AVIF, a implementação utiliza codec específico em WebAssembly.
9. Metadados podem ser removidos?
Sim.
Ao recodificar uma imagem, metadados como:
- EXIF;
- localização;
- modelo de câmera;
- determinados perfis;
podem não ser preservados.
Isso pode ser positivo para privacidade, mas ruim se você precisa dos metadados.
Guarde o original.
10. Converter sempre melhora?
Não.
Converter um JPEG já muito comprimido para WebP não recupera detalhes perdidos.
Cada nova recodificação com perdas pode degradar.
Sempre trabalhe, quando possível, a partir do melhor original disponível.
11. Como escolher para um site
Uma estratégia prática:
Fotos
- WebP ou AVIF;
- JPEG como alternativa quando necessário.
Transparência
- WebP;
- AVIF;
- PNG.
Gráficos simples
- PNG pode funcionar bem.
Teste tamanho e aparência.
12. Imagem destacada de artigo
Para imagens editoriais, não use resolução exagerada.
Escolha dimensões compatíveis com o layout e mantenha uma cópia original fora do site.
Um arquivo menor ajuda:
- carregamento;
- uso de dados;
- experiência móvel.
13. Imagens recortadas
Se você acabou de usar o removedor de fundo, o arquivo transparente pode ser pesado.
Depois do recorte, você pode otimizar a saída.
Veja Como remover o fundo de uma imagem.
Dúvidas frequentes
WebP é sempre menor que JPEG?
Não em qualquer imagem e configuração.
AVIF é sempre melhor que WebP?
Não. Compare qualidade, tamanho, compatibilidade e velocidade de codificação.
PNG perde qualidade?
A codificação PNG é lossless, mas redimensionamento ou conversões anteriores podem alterar pixels.
Redimensionar ajuda a reduzir peso?
Frequentemente, muito.
A ferramenta preserva EXIF?
A recodificação pode remover metadados.