Compactador de imagens

O que é um compactador de imagens?#

Esta ferramenta reduz o tamanho de um arquivo de imagem recodificando-o pelo pipeline de Canvas do navegador, em uma qualidade inferior, em um formato diferente ou em um tamanho menor em pixels — seja qual for a combinação escolhida. O resultado é um novo arquivo disponível para baixar, com uma comparação de tamanho antes/depois para que a troca fique visível. É a solução cotidiana para “esta foto está grande demais para anexar”, feita localmente, sem envio.

Há três alavancas disponíveis, e elas se combinam:

• Formato — JPEG (com perdas, opaco), WebP (com perdas, moderno, cerca de 25–35% menor que o JPEG na mesma qualidade) ou PNG (sem perdas; só reduz via redimensionamento, nunca via perda de qualidade).
• Qualidade — um controle deslizante de 5–100 que mapeia para a configuração de qualidade do codificador. Aplica-se apenas a JPEG e WebP; o controle fica oculto para PNG porque o PNG, por projeto, não perde qualidade.
• Largura/altura máxima — limites opcionais que reduzem a imagem (preservando a proporção, nunca ampliando) antes da codificação. O redimensionamento é, de longe, a maior economia de tamanho para fotografias.

Como o trabalho acontece em um <canvas> via createImageBitmap e canvas.toBlob, a imagem é decodificada, transformada e recodificada na memória; o arquivo original permanece intacto.

Como usar#

1. Solte uma imagem na zona tracejada.
2. Na linha de controles, escolha:
   • Formato — o padrão é o tipo de origem para PNG/WebP, JPEG para todo o resto.
   • Largura máxima / Altura máxima — deixe em branco para “automático” (sem redimensionamento) ou informe um limite em pixels. A imagem é redimensionada para caber na caixa sem distorção.
   • Qualidade — arraste o controle (5–100); o valor atual é mostrado ao lado. Ignorado para PNG.
3. Clique em Compactar. A barra de estatísticas mostra Original, Compactado e Economizado (bytes e percentual), além de um aviso se o resultado ficar, ainda assim, maior.
4. Baixe o arquivo compactado. A pré-visualização mostra o resultado para você julgar a qualidade visual.

Principais funcionalidades#

• Padrões sensatos por formato. PNG continua PNG (então a transparência e as bordas nítidas sobrevivem); fotografias usam JPEG por padrão; a ferramenta nunca destrói silenciosamente um canal alfa.
• Redimensionamento que preserva a proporção. Largura e altura máximas definem uma caixa delimitadora; a imagem cabe nela com a proporção intacta e nunca é ampliada.
• Relatório honesto de tamanho. Quando uma recodificação gera um arquivo maior (comum em PNG-para-PNG ou em um JPEG minúsculo), a ferramenta diz isso em vez de fingir que economizou espaço.
• Saída em WebP. Navegadores modernos cortam mais 25–35% em relação ao JPEG na mesma qualidade visual; útil para assets da web.
• Pipeline local. As APIs de Canvas fazem a codificação; nada é enviado.

Exemplo prático#

Uma foto de celular de 4,5 MiB em 4032×3024 está grande demais para enviar por e-mail. Solte-a, defina Formato como WebP, Largura máxima como 1920 (a altura é ajustada automaticamente para 1440), Qualidade como 80. Clique em Compactar. A barra de estatísticas reporta:

O redimensionamento fez a maior parte do trabalho (cerca de 4× menos pixels); o WebP na qualidade 80 cuidou do resto. O resultado fica abaixo de meio megabyte e é visualmente indistinguível na tela.

Já tentando a mesma origem como PNG na qualidade 100 sem redimensionamento, normalmente relata o arquivo compactado como maior — o PNG é sem perdas e não consegue descartar o ruído da foto como o JPEG ou o WebP fazem. A ferramenta sinaliza isso com o aviso de “maior” em vez de alegar uma economia falsa.

FAQ#

O controle de qualidade está acinzentado — por quê?#

O PNG é um formato sem perdas; ele não tem ajuste de qualidade. Quando você escolhe PNG, o controle fica oculto porque não tem efeito. Mude para JPEG ou WebP para controlar a qualidade.

Meu arquivo “compactado” ficou maior que o original. Como?#

Duas causas comuns: você recodificou um JPEG já compactado como PNG (o PNG não consegue igualar a compressão com perdas do JPEG em fotos) ou a origem era uma imagem minúscula e altamente compactada, e a recodificação em PNG adicionou overhead. Escolha um formato com perdas (JPEG ou WebP) e/ou ative o redimensionamento.

Ele amplia a imagem se eu informar uma largura máxima muito grande?#

Não. Largura e altura máximas apenas limitam o teto; se a origem já for menor, ela passa no tamanho original. Ampliar só inflaria o arquivo sem nenhum ganho de qualidade.

O WebP é seguro para usar em qualquer lugar?#

Navegadores modernos (Chrome, Edge, Firefox, Safari 14 e posteriores) suportam WebP. Se você precisa suportar navegadores muito antigos ou certos pipelines de processamento de imagens, use JPEG como alternativa.