Compressão de imagens para a Web real
If you've ever opened PageSpeed Insights and seen a sea of red warnings — "Properly size images", "Serve images in next-gen formats", "Defer offscreen images" — you already know that images are where most websites lose their performance budget. This page is for site owners, bloggers, AdSense publishers and SEOs who care less about cute UI and more about shipping fast pages.
Os três números que decidem sua classificação
Google's Core Web Vitals boil down to three metrics, and images directly affect two of them:
- LCP (Maior pintura com conteúdo)– quase sempre a imagem do herói. Alvo ≤ 2,5s.
- CLS (mudança cumulativa de layout)— causado quando as imagens são carregadas sem largura/altura reservada. Meta ≤ 0,1.
- INP (Interação com a próxima pintura)- imagens pesadas roubam tempo do thread principal e toques lentos. Alvo ≤ 200ms.
Compactar sua imagem principal de 1,8 MB para 180 KB geralmente reduz o LCP em 1,5–2 segundos em dispositivos móveis de médio porte.
Receitas de qualidade que realmente funcionam
- Herói / acima da dobra:WebP, qualidade de 75%, largura máxima de 1920px → ~150 KB
- Foto do blog embutido:WebP ou JPEG, qualidade 80%, largura de 1200px → ~80 KB
- Miniatura da galeria de produtos:JPEG, qualidade 70%, largura de 400px → ~25 KB
- Cartão OG/Twitter:JPEG, qualidade de 85%, 1200×630 → ~120 KB
Por que o lado do navegador supera o lado do servidor
Most online compressors upload your file to a server, compress it, then send it back. That's slow on bad Wi-Fi, exposes your photos to a third party, and dies on big batches. ImageGates runs the compressor insideyournavegador usando as APIs WebCodecs e Canvas — nada é carregado, os trabalhos em lote são dimensionados para sua CPU e não há limites diários.
O Comprimir → Redimensionar → Converter Pipeline
Para obter melhores resultados, execute as operações nesta ordem:cropprimeiro para corrigir a composição, depoisresizeàs dimensões reais de exibição da sua página,thencompress. Shrinking a 4000px image down to 1200px before compressing usually saves another 40–60% on top of compression alone. If you're serving modern browsers, finish withJPG → conversão WebPpara mais uma redução de 25–35%.
Privacidade e conformidade
Because nothing leaves your browser, ImageGates is safe for GDPR-sensitive content: client photos, ID scans, internal screenshots, medical images. Compression strips EXIF metadata by default — useful when you don't want to publish GPS coordinates with your blog photos.
Perguntas frequentes
Quanto a compactação de imagem acelera um site?
Qual tamanho de arquivo de destino devo usar para imagens hero?
O Google me penalizará por compactar de forma muito agressiva?
A compactação prejudica dados EXIF, GPS ou informações de direitos autorais?
Como faço para compactar imagens para o AdSense e páginas com muitos anúncios?
Posso compactar para um destino específico de kilobytes?
Mostrar todas as 6 perguntas Precisa de um destino KB específico? Vá para a ferramenta certa
O compressor genérico permite que você obtenha qualidade, mas a maioria dos portais governamentais e de embaixadas impõe um limite fixo de KB. Use a ferramenta que corresponda ao seu objetivo – eles aplicam o limite automaticamente.
Como a compactação de imagens online realmente funciona
Você tem uma foto muito pesada para um site, um e-mail ou um formulário de upload e deseja que ela seja menor, sem parecer desbotada.
A compactação remove informações que o olho humano raramente percebe: variação fina de cores entre pixels vizinhos, detalhes internos de ruído e precisão nos tons mais escuros. Um codificador JPEG agrupa pixels em blocos de 8x8 e armazena cada bloco como um conjunto de valores de frequência e, em seguida, arredonda os de alta frequência. Arredondar com mais força significa uma lima menor e bordas mais suaves. Esta página permite que você administre essa compensação diretamente, executando o codificador dentro de sua própria guia do navegador para que a foto em si nunca viaje para lugar nenhum.
Quando as pessoas usam esta ferramenta
Páginas da web que carregam lentamente
Uma única foto principal de 5 MB pode atrasar uma página por vários segundos em dados móveis. A recodificação para cerca de 200 KB geralmente remove o maior atraso da página.
Carregar formulários que rejeitam arquivos
Portais governamentais, painéis de empregos e sistemas escolares geralmente limitam os uploads a um tamanho fixo. A compactação primeiro evita o loop de mensagens de erro.
Anexos de e-mail
A maioria dos provedores de e-mail para de aceitar mensagens com mais de 25 MB no total, portanto, uma pasta de fotos do telefone geralmente precisa passar por um compressor.
Economizando armazenamento no telefone e na nuvem
Os álbuns de férias filmados com 12 megapixels encolhem drasticamente sem nenhuma alteração visível quando são visualizados apenas em uma tela.
Passo a passo
- 1 Add your images.Deixe uma foto ou um lote. Tudo é lido na memória do seu navegador; fechar a guia a limpa.
- 2 Choose how hard to compress.Configurações moderadas são adequadas para fotos de pessoas e produtos. Configurações mais fortes são adequadas para imagens decorativas ou de fundo.
- 3 Compare before and after.Amplie rostos, texto e bordas nítidas, onde os artefatos de compressão aparecem primeiro como um halo fraco.
- 4 Download the result.Cada arquivo mantém seu nome original com um marcador para que você possa diferenciar a cópia compactada do seu mestre.
Formatos, limites e saída
| Formatos de entrada | Fotos JPG, JPEG, PNG, WebP e HEIC de iPhones recentes onde o navegador pode decodificá-las. |
|---|
| Saída | JPEG ou WebP para fotografias, PNG quando a imagem possui transparência que deve sobreviver. |
|---|
| Em lote | Vários arquivos em uma única passagem; cada um é codificado de forma independente, portanto, uma falha em um não impede o resto. |
|---|
| Privacidade | A codificação acontece localmente na página. Nenhuma cópia da imagem é armazenada depois que você sai. |
|---|
Dicas práticas
- • Corte e redimensione antes de compactar. Codificar pixels que você está prestes a jogar fora desperdiça um orçamento de qualidade.
- • Mantenha um arquivo mestre intacto. Cada recompactação de um JPEG já compactado perde um pouco mais de detalhes permanentemente.
- • Capturas de tela cheias de texto ficam melhores como PNG ou WebP do que como JPEG, que mancha as bordas das letras.
- • Verifique um arquivo na tela do telefone antes de processar um lote inteiro; as faixas aparecem de forma diferente em monitores OLED.
Mais perguntas sobre esta ferramenta
A compactação alterará as dimensões da minha foto?
Não. A compactação apenas altera a forma como os pixels são armazenados. A largura e a altura permanecem exatamente as mesmas, a menos que você também use o redimensionador.
Quão pequena uma foto pode ser realisticamente?
Uma foto típica de telefone de 4 MB fica entre 150 KB e 600 KB antes que a suavização se torne perceptível em tela inteira.
Remove dados EXIF, como localização GPS?
A recodificação elimina a maioria dos metadados da câmera, o que geralmente é bem-vindo quando você publica fotos publicamente.
Posso compactar um PNG com fundo transparente?
Sim. Mantenha a saída como PNG ou WebP para que a transparência sobreviva; uma cópia JPEG preencherá a área transparente com cor sólida.