Por que meu PNG é tão grande e como corrigir
O PNG é um formato sem perdas, e é exatamente por isso que os arquivos são enormes. Três correções e o que cada uma custa para você.
Seu PNG tem 8 MB porque o PNG armazena cada pixel exatamente, e uma captura de tela de página inteira em resolução retina realmente contém toda essa informação. O formato não descarta nada, o que é todo o propósito do PNG e também todo o problema.
Existem 3 maneiras de corrigir isso, e cada uma custa algo diferente. Reduzir as dimensões custa uma resolução que você provavelmente não estava usando. Reduzir a profundidade de cor custa a precisão das cores em fotografias. Alterar o formato custa a compatibilidade fora dos navegadores. Escolha de acordo com a finalidade da imagem.
Suas 3 opções
- Reduzir as dimensões. Gratuito e geralmente a maior vitória. Ninguém precisa de uma captura de tela de 5000 pixels.
- Reduzir a profundidade de cor. Funciona bem em gráficos planos, mal em fotografias.
- Alterar o formato. O WebP mantém a transparência e normalmente fica de 25 a 35 por cento menor.
Por que os arquivos PNG crescem tão rapidamente
O tamanho do arquivo PNG escala diretamente com a contagem de pixels, porque cada pixel deve ser descrito exatamente. Dobrar a largura e a altura quadruplica o número de pixels e aproximadamente quadruplica o arquivo.
Uma captura de tela de 5120 por 2880 de um monitor de alta resolução contém 14,7 milhões de pixels. A 3 bytes por pixel antes da compressão, isso representa 44 MB de dados brutos, e a compressão PNG normalmente reduz isso para algo entre 4 MB e 12 MB, dependendo de quanta cor plana a imagem contém. Um resultado de 8 MB é normal, e não uma falha.
Correção 1: reduzir as dimensões
Redimensione a imagem para o maior tamanho em que ela será exibida, o que remove a maior parte do peso do arquivo antes que qualquer outra coisa seja tentada. Esta é a correção com o maior efeito e o menor custo.
| Tamanho original | Redimensionado para | Pixels removidos | Arquivo típico |
|---|---|---|---|
| 5120 x 2880 | 2560 x 1440 | 75 por cento | 8 MB a 2 MB |
| 3840 x 2160 | 1920 x 1080 | 75 por cento | 5 MB a 1.3 MB |
| 2560 x 1440 | 1280 x 720 | 75 por cento | 2 MB a 500 KB |
| Foto 4000 x 3000 | 1600 x 1200 | 84 por cento | 18 MB a 2.9 MB |
Meça a maior largura que a imagem terá na página, dobre esse valor para telas de alta densidade e redimensione para o resultado obtido. Uma captura de tela exibida com 800 pixels de largura precisa de 1600 pixels e nada mais.
Correção 2: reduzir a profundidade de cor
A conversão de cores de 24 bits para uma paleta de 8 bits reduz um PNG de 50 a 70 por cento, e funciona apenas em imagens com cores limitadas. Capturas de tela de interfaces, diagramas, logotipos e gráficos são candidatos ideais.
A técnica armazena uma paleta de até 256 cores e faz referência a ela por pixel, em vez de armazenar valores de cores completos. Uma captura de tela de interface de usuário raramente contém mais de 256 cores distintas, portanto a redução é invisível. Uma fotografia contém dezenas de milhares, então a mesma redução produz bandas visíveis em céus e tons de pele.
Correção 3: alterar o formato
Converta para WebP para uso na web, o que mantém a transparência e normalmente fica de 25 a 35 por cento menor que o PNG. Converta para JPG apenas quando a imagem for fotográfica e não precisar de transparência.
- WebP sem perdas (lossless) para gráficos e capturas de tela, que mantém cada pixel exato e ainda economiza de 20 a 30 por cento.
- WebP com perdas (lossy) para arquivos PNG fotográficos, onde a economia chega a 70 por cento ou mais.
- JPG para fotografias sem transparência, onde o PNG foi a escolha errada desde o início.
- AVIF para imagens fotográficas grandes, que comprime ainda mais em arquivos acima de 100 KB.
- Gráficos vetoriais para logotipos e ícones, onde um arquivo SVG pode pesar uma fração de qualquer formato rasterizado.
A causa mais comum: uma foto salva como PNG
Uma fotografia salva como PNG é de 3 a 5 vezes maior do que a mesma fotografia como JPEG, sem diferença visível. Este único erro é responsável pela maioria dos arquivos PNG superdimensionados.
A compressão PNG procura por repetição, e as fotografias quase não contêm nenhuma no nível do pixel, já que cada pixel difere ligeiramente do seu vizinho. O formato acaba armazenando milhões de valores quase únicos de forma exata. Salve fotografias como JPEG ou WebP e reserve o PNG para imagens que genuinamente possuem cores planas ou transparência.
Como encolher um PNG sem perder qualidade
Para reduzir um PNG mantendo-o sem perdas, siga estes 5 passos em ordem.
- Corte qualquer área não utilizada, pois margens vazias ainda custam tamanho de arquivo.
- Redimensione para o maior tamanho de exibição que a imagem precisará, dobrado para telas de alta densidade.
- Verifique se a imagem realmente precisa de transparência, pois uma imagem achatada comprime melhor.
- Reduza a paleta de cores se a imagem for um gráfico em vez de uma fotografia.
- Converta para WebP sem perdas, que continua exato e normalmente é de 20 a 30 por cento menor.
Os passos 1 e 2 geralmente resolvem o problema sozinhos. Os passos restantes importam quando uma imagem deve permanecer muito grande, como uma captura de tela de página inteira em uma documentação.
Por que as capturas de tela são tão grandes em telas modernas
Telas de alta densidade capturam com 2 ou 3 vezes a resolução lógica, de modo que uma captura de tela de uma janela de 1200 pixels de largura é salva com 2400 ou 3600 pixels. O arquivo é muito maior do que a janela parecia ser.
Essa resolução extra é útil quando a captura de tela for visualizada em outra tela de alta densidade e desperdiçada caso contrário. Para documentação e artigos de suporte, redimensionar de volta para o tamanho lógico reduz as dimensões pela metade e corta o arquivo em cerca de 75 por cento, mantendo a aparência idêntica para a maioria dos leitores.
Quando manter o PNG grande
Mantenha o PNG em tamanho real quando a imagem for um arquivo mestre, um recurso de impressão ou uma fonte que será editada posteriormente. As decisões de compressão pertencem às cópias de entrega, e não aos originais.
Arquivos de design, matrizes de logotipos, artes de impressão e documentos digitalizados justificam seu tamanho. Armazene-os em resolução total e gere cópias menores para cada destino. O erro é publicar o arquivo mestre em vez de guardá-lo, pois um mestre custa espaço em disco uma única vez, enquanto um mestre publicado consome largura de banda a cada visita.
A transparência custa mais do que as pessoas esperam
Um canal de transparência adiciona um quarto valor a cada pixel, aumentando os dados brutos em cerca de 33 por cento antes da compressão. Muitos arquivos PNG carregam esse canal sem utilizá-lo.
Capturas de tela, gráficos exportados e imagens achatadas em um fundo branco frequentemente mantêm um canal alfa totalmente opaco em todos os pontos. Removê-lo não custa nada visualmente e reduz o arquivo de forma mensurável. Verifique se a imagem realmente precisa de um fundo transparente antes de assumir que o canal é necessário, pois a maioria das imagens colocadas em uma página branca não precisa.
Comprimir um PNG faz perder qualidade
A otimização de PNG sem perdas não perde nada, enquanto a redução de cores ou dimensões altera a imagem permanentemente. As 3 técnicas são frequentemente descritas juntas e não são equivalentes.
A otimização sem perdas reorganiza a forma como o arquivo armazena seus dados e normalmente economiza de 5 a 20 por cento com uma saída idêntica pixel por pixel. A redução de paleta e o redimensionamento alteram a própria imagem, o que é aceitável para cópias de entrega e inaceitável para arquivos mestres. Guarde o original sempre que a redução não for reversível.
Corrigindo uma pasta inteira de arquivos PNG superdimensionados
Processe a pasta em um único lote, pois arquivos PNG superdimensionados geralmente chegam em grupos da mesma origem. Um conjunto de documentação, uma biblioteca de capturas de tela ou uma exportação de uma ferramenta de design tendem a compartilhar o mesmo problema em todos os arquivos.
Insira até 500 arquivos de uma vez, ou arraste um arquivo ZIP diretamente, e configure as dimensões e o formato uma única vez para todo o conjunto. Tudo é executado dentro do seu navegador no seu próprio processador, de modo que capturas de tela internas, designs de produtos e documentação de clientes nunca chegam a um servidor. Nada é enviado, portanto não há política de retenção para ler e nada é deixado para trás depois.
Corrija a origem do problema, bem como os arquivos. Uma ferramenta de captura de tela configurada para salvar em PNG na resolução retina total continuará produzindo arquivos de 8 MB indefinidamente. A maioria das ferramentas de captura permite um formato padrão e um fator de escala, e alterar ambos uma única vez elimina a necessidade de processar capturas de tela novamente após cada artigo de suporte.