Otimizador de imagens para sites mais rápidos

As imagens costumam ser a parte mais pesada de uma página, e a maior delas acima da dobra muitas vezes é o elemento que define o Largest Contentful Paint (LCP), uma das Core Web Vitals do Google. Uma foto de 5 MB vinda direto da câmera ou de um banco de imagens é várias vezes maior do que qualquer tela precisa. O otimizador para sites resolve as duas causas de uma vez: dimensões exageradas e bytes desnecessários.

Por padrão, cada imagem é ajustada para caber em 1920 × 1080 pixels, mantendo a proporção e sem nunca ampliar imagens menores, e depois comprimida com qualidade 78, uma configuração que continua limpa em imagens de destaque de largura total e reduz bastante o tamanho. O formato original é mantido, a não ser que você escolha outro; para a maioria dos sites, mudar para WebP é a economia extra mais fácil.

Como usar o Otimizador de imagens para sites

1. Arraste suas imagens para a área de envio, clique nela para escolher arquivos ou cole uma imagem com Ctrl+V. Esta página aceita arquivos JPG, PNG, WebP, GIF e BMP, vários de uma vez e com até 80 MB cada.
2. Confira a seção Resize: Max 1920 × 1080 serve para destaques e fundos de largura total. Para imagens dentro de uma coluna de artigo, reduza a largura para cerca de 1200 ou 800 pixels. Imagens verticais altas são limitadas pela altura de 1080 pixels, então aumente-a se precisar de imagens mais altas.
3. Abra Format e escolha WebP (suportado por todos os navegadores atuais) ou AVIF para os menores arquivos, ou mantenha o formato original se o seu CMS exigir JPG ou PNG.
4. Confira o resultado com o controle antes/depois: arraste o divisor sobre a prévia e veja abaixo as novas dimensões, o tamanho do arquivo, a qualidade e a porcentagem economizada. Qualquer mudança nas configurações reprocessa todas as imagens automaticamente.
5. Baixe uma imagem avulsa ou use Download all (ZIP) para o lote inteiro. Em More options você também pode definir um valor de DPI e um padrão de nome de arquivo com {name}, {w} e {h}.

Dicas de desempenho web

• Dimensione para o espaço. Uma imagem exibida com 800 pixels de largura não precisa ter 4000 pixels; ajustar as dimensões ao layout costuma economizar mais que qualquer configuração de qualidade.
• Cuide primeiro da imagem LCP. Otimize a imagem de destaque ou banner e não use lazy loading nela; o carregamento tardio é para imagens mais abaixo na página, como explica o gerador de imagens para lazy load.
• Defina width e height no HTML. A linha After mostra o tamanho exato de saída, para você copiar nos atributos width e height e evitar mudança de layout (CLS).
• Processe pastas inteiras. Solte todas as imagens de uma página ou tema de uma vez e baixe em ZIP. O otimizador WebP já vem com saída WebP, e tamanhos exatos estão em redimensionar para 1920×1080.

GIFs animados são salvos como imagem estática pelo codificador do navegador, então deixe arquivos animados fora do lote.

Privado, grátis e rápido

Todo o trabalho acontece no seu navegador: as imagens são decodificadas, redimensionadas e recodificadas no seu próprio dispositivo, então nada é enviado a um servidor. Não há cadastro, marca d'água nem limite diário, e os dados de localização e da câmera (EXIF) são removidos de cada resultado.