Eu tento o meu melhor para fazer todas as partes do web design em gráficos vetoriais ou via CSS; mas sempre há momentos em que simplesmente devo usar imagens. A otimização de imagens não é nenhuma novidade, nem os métodos listados abaixo; mas acredito ter encontrado um dos melhores scripts para otimizar imagens.
Usando o pngquant, notei que meus arquivos PNG são normalmente entre 60% e 80% menores do que seu tamanho normal e são geralmente entre 10% e 30% menores do que seus correspondentes JPG em uma qualidade semelhante (alta). Além disso, o pngquant preserva a transparência, que pode ser um fator chave no design da web.
Usar o pngquant não é complicado; na verdade, a maioria das pessoas (não apenas os programadores) pode usá-lo como qualquer outro aplicativo. A menos que você queira usar a versão CLI, é claro.
Prós
- Imagens de alta qualidade com um tamanho de arquivo mínimo
- A transparência é preservada
- Plataforma cruzada (Windows | Mac | Debian / Ubuntu | Red Hat)
- O aplicativo GUI é muito simples (PNGoo / Windows)
- Funciona muito rápido (5 a 15 segundos por imagem)
- Versões CLI disponíveis
- Possui um plugin do Photoshop (somente Mac)
- Código aberto com boa documentação
Contras
- O aplicativo GUI torna-se impossível de clicar após iniciar a fila (PNGoo / Windows)
- Imagens extremamente grandes geralmente falham (PNGoo / Windows)
- Quando a entrada é JPG, cerca de 1 em 15 tem uma saída maior (geralmente menos de 10% maior)
Conclusão
Eu recomendo fortemente o uso do pngquant. Embora a otimização de imagens às vezes seja uma dor, a capacidade de processá-las em lote com resultados consistentes pode ser inestimável.
Links
- Para Windows / Mac
- Plug-in do Photoshop (Mac)
- pngquant.org
Obrigado pela leitura
Se você gostou do que escrevi, considere aprovar este protocolo ou me endossar .
Se você quiser ver mais coisas minhas, pode ver outros protocolos que escrevi ou visitar meu perfil .