Como funciona
A imagem enviada é desenhada em um <canvas> — redimensionada proporcionalmente, se você definiu uma largura ou altura máxima — e reexportada no formato escolhido usando canvas.toBlob(), um recurso nativo do navegador. Em JPEG e WebP, o controle de qualidade reduz o tamanho do arquivo ao custo de alguma perda de detalhe; em PNG, a compressão é sem perdas, então não há controle de qualidade.
Escolhendo o formato certo
Use JPEG para fotos, onde pequenas perdas de qualidade não são perceptíveis e o ganho de compressão é grande. Use WebP para o melhor equilíbrio entre qualidade e tamanho de arquivo, com suporte amplo nos navegadores atuais. Use PNG quando precisar preservar transparência ou qualidade exata, como em ícones e capturas de tela com texto.
Perguntas frequentes
Como a compressão de imagem funciona no navegador?
A imagem é desenhada em um canvas HTML e reexportada no formato e na qualidade escolhidos, usando os recursos nativos do navegador. Esse processo reduz o tamanho do arquivo, especialmente em JPEG e WebP, onde é possível ajustar o nível de compressão.
Que formatos de saída são suportados?
JPEG, WebP e PNG. JPEG e WebP permitem ajustar a qualidade para reduzir ainda mais o tamanho; PNG é um formato sem perdas, então o controle de qualidade não se aplica a ele.
A imagem enviada é transmitida para algum servidor?
Não. Todo o processamento acontece localmente, usando os recursos do próprio navegador. A imagem nunca sai do seu dispositivo.
A ferramenta também redimensiona a imagem?
Sim, opcionalmente. Ao informar uma largura e/ou altura máxima, a imagem é reduzida proporcionalmente para caber nesse limite antes de ser comprimida. A ferramenta nunca aumenta uma imagem além do tamanho original.
