CodeKitHubO que é esta ferramenta?
O formato PNG é sem perdas, pelo que não possui qualquer definição de «qualidade» que possa ser reduzida — uma recodificação simplista quase não traz benefícios. A verdadeira compressão PNG funciona de forma diferente: a quantização da paleta reduz a imagem a um conjunto cuidadosamente selecionado de cores (até 256). Uma vez que as capturas de tela, os logótipos e os elementos gráficos da interface raramente utilizam mais cores distintas do que essas, o arquivo fica 50 a 70% mais pequeno, mantendo um aspeto idêntico. A transparência (o canal alfa) é totalmente preservada.
Esta é a técnica subjacente a serviços bem conhecidos como o TinyPNG — a diferença aqui é que funciona no seu navegador através de um motor de código aberto, pelo que as suas imagens permanecem no seu dispositivo e não há limite diário de arquivos.
Por que usar?
- Compressão real (normalmente entre 50 % e 70 %), e não uma recodificação placebo.
- Transparência preservada — adequado para logótipos, ícones e recursos da interface do utilizador.
- Não há limite de uploads, ao contrário dos serviços do tipo TinyPNG — e, por conseguinte, não há limites quanto ao número de arquivos.
- Orçamento de cor ajustável (16–256), com indicação da poupança por imagem.
- Suporte para processamento em lote, gratuito, sem marca d'água.
Como usar
- Arraste os arquivos PNG para dentro da caixa (o mecanismo de compressão carrega-se automaticamente, uma única vez).
- Mantenha 256 cores para obter resultados visualmente idênticos ou reduza esse número para obter arquivos mais pequenos.
- Cada resultado apresenta a poupança exata — clique em «Descarregar».
- Se um arquivo PNG com qualidade fotográfica não ficar suficientemente pequeno, converta-o para JPG (ver «PNG para JPG»).
Exemplo
Entrada
app-screenshot.png — 980 KBResultado
app-screenshot-compressed.png — 290 KB (−70%), 256 colorsAs capturas de tela e os elementos gráficos da interface do utilizador ficam com um aspeto fantástico; a paleta de cores abrange todas as cores que realmente utilizam.
Com base nos nossos próprios testes
O nosso teste inicial utilizou uma imagem deliberadamente complexa: um arquivo PNG de 600×400 preenchido com 200 manchas de cor semitransparentes sobrepostas — muito mais confuso do que uma captura de tela típica. A imagem foi quantizada de 31,1 KB para 7,8 KB (−75%) com 256 cores, mantendo o canal alfa intacto. Os gráficos de interface do utilizador do mundo real comprimem-se ainda melhor, porque utilizam menos cores distintas do que o nosso teste de esforço. Também confirmámos o reverso da medalha: o conteúdo fotográfico apresenta faixas visíveis com 256 cores — é nessas alturas que se deve optar pelo formato JPG/WebP, razão pela qual os links para o conversor se encontram na secção acima.
Casos de utilização comuns
- Reduzir as capturas de tela de aplicações ou sites antes de as anexar a um relatório de erro ou a uma página de documentação.
- Comprimir um logótipo ou um conjunto de ícones para um site sem perder o fundo transparente de que os programadores dependem.
- Reduzir o tamanho das exportações de maquetes da interface do utilizador a partir de ferramentas de design antes de as partilhar com a equipa.
- Reduzir o peso de um conjunto de elementos gráficos de interface para um guia de estilo ou repositório de um sistema de design.
Perguntas frequentes
Como é que um formato sem perdas pode ser comprimido ainda mais?
Ao torná-la ligeiramente com perdas, de forma inteligente: a quantização seleciona as cerca de 256 cores que melhor representam a imagem e atribui cada pixel a uma dessas cores. No caso de imagens com gamas de cores limitadas, o resultado é visualmente idêntico — tecnicamente com perdas, mas praticamente indistinguível.
Será que a transparência sobreviverá à compressão?
Sim — o canal alfa é preservado, incluindo os píxeis semitransparentes (sombras projetadas, contornos suavizados). É exatamente isso que os logótipos e os recursos da interface do utilizador necessitam.
Em que situações é que a compressão PNG não funciona bem?
No que diz respeito a fotografias e gradientes suaves — estas utilizam milhares de cores, pelo que 256 podem apresentar bandas. No caso de conteúdo fotográfico, a conversão para JPG ou WebP permite uma poupança muito maior; é para isso que serve o nosso conversor de PNG para JPG.
Em que é que isto difere do TinyPNG?
A mesma técnica subjacente (quantização da paleta), poupanças semelhantes. As diferenças práticas: os seus arquivos nunca são carregados aqui, não há limite de 20 arquivos por lote, nem limite de 5 MB, nem plano pago — porque não há nenhum servidor a fazer o trabalho.
Que número de cores devo escolher?
Comece com 256 — visualmente idêntico para quase todos os gráficos. Reduza para 64 ou 32 no caso de ícones e elementos simples da interface do utilizador para otimizar ainda mais; verifique se há efeito de faixas na miniatura de pré-visualização.