Compressor de Imagens

Referência

Como funciona a compressão de imagens?

Esta ferramenta usa a Canvas API integrada do navegador para re-codificar imagens com uma configuração de qualidade menor. A imagem é desenhada em um elemento HTML Canvas e exportada usando canvas.toBlob() com o formato e nível de qualidade selecionados. Isso é compressão com perda — dados visuais redundantes são descartados usando algoritmos como a Transformada Discreta do Cosseno (DCT) para JPEG e codificação preditiva para WebP. O resultado é um arquivo significativamente menor com perda de qualidade mínima perceptível.

JPEG vs WebP vs PNG — qual formato escolher

JPEG: Melhor para fotografias e imagens com gradientes de cor complexos. Suporta ajuste de qualidade de 1 a 100%. Sem suporte a transparência. O formato mais amplamente compatível — funciona em qualquer lugar. WebP: Desenvolvido pelo Google, o WebP alcança 25–35% menos tamanho de arquivo que o JPEG em qualidade visual equivalente. Suporta transparência (canal alfa) e animação. Suportado por todos os navegadores modernos desde 2020. O formato recomendado para uso na web. PNG: Compressão sem perda — nenhuma perda de qualidade em qualquer configuração. Melhor para capturas de tela, gráficos com bordas definidas, sobreposições de texto, logotipos e imagens que necessitam de transparência. O controle de qualidade não tem efeito na saída PNG, pois o formato é inerentemente sem perda.

Por que otimizar imagens para a web?

As imagens representam aproximadamente 50% do peso total de uma página em um site médio, segundo o HTTP Archive. Imagens não otimizadas são a causa número um de um Largest Contentful Paint (LCP) lento — um Core Web Vital que afeta diretamente o ranqueamento do Google nos resultados de busca. Comprimir uma imagem hero de 2 MB para 200 KB pode reduzir o tempo de carregamento em vários segundos em conexões móveis. O Google recomenda manter o peso total da página abaixo de 1,6 MB para boa performance em dispositivos móveis — a compressão adequada de imagens é frequentemente a maior vitória para atingir essa meta.

Casos de uso para compressão de imagens

Performance web — reduza o tamanho das imagens para atingir os limites de Core Web Vitals e melhorar as pontuações do Lighthouse. Anexos de e-mail — comprima imagens abaixo dos típicos limites de 25 MB de anexos (Gmail, Outlook). Redes sociais — otimize imagens para os limites de upload: Twitter (5 MB), Instagram (30 MB), LinkedIn (10 MB). E-commerce — comprima fotos de produtos sem perda visível de qualidade para melhorar a velocidade da página e as taxas de conversão. Documentação — reduza capturas de tela para arquivos README, wikis e páginas do Confluence para manter repositórios e páginas leves.

Escolhendo a configuração de qualidade correta

Para JPEG, uma qualidade de 75–85% oferece o melhor equilíbrio entre tamanho de arquivo e fidelidade visual — estudos controlados mostram que a maioria dos usuários não consegue distinguir qualidade acima de 85%. Abaixo de 60%, artefatos de compressão (áreas blocadas, faixas de cor) ficam perceptíveis, especialmente em gradientes e tons de pele. WebP com qualidade 80 tipicamente equivale ao JPEG com qualidade 90, sendo 30% menor. Para PNG, o controle de qualidade não tem efeito — PNG é sempre sem perda. Use PNG apenas quando precisar de reprodução pixel-perfeita (capturas de tela com texto, logotipos, ícones) ou transparência alfa.

Privacidade

Todo o processamento de imagens ocorre 100% no seu navegador usando a Canvas API. Nenhuma imagem é enviada a nenhum servidor — seus arquivos nunca saem do seu dispositivo.