A melhor maneira de otimizar imagens

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

 
 
 

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 .