Otimizadores de Imagens: Teste de Eficiência

Diferentemente de impressão, na maioria dos casos, imagens para Web não precisam de ter tanta resolução para cumprirem sua função. Porém, não se pode sacrificar a resolução a ponto de notarmos a diferença na qualidade. Portanto, o segredo dos otimizadores de imagens se baseiam em dois principais pontos: Diminuição de qualidade em níveis imperceptíveis ao olho humano e a otimização da codificação da imagem.

Usaremos 3 imagens JPEG/JPG e 3 imagens PNG mostradas a seguir. Clique na imagem para visualizá-la em tamanho real:

Imagens Originais

JPEG/JPG

Peso: 2,045,419 bytes 
© Romário Eichlig

Peso: 1,266,575 bytes
© Celso Bessa

Peso: 1,108,639 bytes
© Thiago Morandi

PNG

Peso: 206,069 bytes 
© pngimg.com

Peso: 49,909 bytes
© Barbara Ramiro

Peso: 8,813 bytes 
© Google, Inc

 

Testes dos Otimizadores de Imagens

Neste artigo foram testadas 8 ferramentas comerciais de otimização de imagens JPEG/JPG e PNG, além do nosso algoritmo nativo de otimização.

ImageRecycle

JPEG/JPG

Peso: 1,919,859 bytes
© Romário Eichlig

Peso: 1,147,218 bytes
© Celso Bessa

Peso: 988,448 bytes
© Thiago Morandi

PNG

Peso: 199,159 bytes
© pngimg.com

Peso: 49,647 bytes
© Barbara Ramiro

Peso: 8,059 bytes
© Google, Inc

Imagify

JPEG/JPG

Peso: 1,245,967 bytes
© Romário Eichlig

Peso: 790,673 bytes
© Celso Bessa

Peso: 486,246 bytes
© Thiago Morandi

PNG

Peso: 73,941 bytes
© pngimg.com

Peso: 39,407 bytes
© Barbara Ramiro

Peso: 7,714 bytes
© Google, Inc

JPEGmini & TinyPNG

JPEG/JPG

Peso: 1,166,153 bytes
© Romário Eichlig

Peso: 401,014 bytes
© Celso Bessa

Peso: 610,659 bytes
© Thiago Morandi

PNG

Peso: 61,781 bytes
© pngimg.com

Peso: 17,226 bytes
© Barbara Ramiro

 

Peso: 4,528 bytes
© Google, Inc

 

Kraken.io

JPEG/JPG

Peso: 1,896,700 bytes
© Romário Eichlig

 

Peso: 1,137,702 bytes
© Celso Bessa

 

Peso: 977,749 bytes
© Thiago Morandi

 

PNG

Peso: 184,087 bytes
© pngimg.com

 

Peso: 40,285 bytes
© Barbara Ramiro

 

Peso: 7,952 bytes
© Google, Inc

 

Optimizilla

JPEG/JPG

Peso: 923,047 bytes
© Romário Eichlig

 

Peso: 561,345 bytes
© Celso Bessa

 

Peso: 535,589 bytes
© Thiago Morandi

 

PNG

Peso: 62,860 bytes
© pngimg.com

 

Peso: 18,522 bytes
© Barbara Ramiro

 

Peso: 4,798 bytes
© Google, Inc

 

Otimizador de Imagens Nativo Infinite
O otimizador nativo é um recurso gratuito para clientes de nossa hospedagem. Ele não necessita de configuração, é feito automaticamente a cada 72 horas e não consome recursos de seu plano. Conheça nossa hospedagem »

JPEG/JPG

Peso: 1,030,046 bytes
© Romário Eichlig

 

Peso: 562,031 bytes
© Celso Bessa

 

Peso: 535,589 bytes
© Thiago Morandi

 

PNG

Peso: 71,467 bytes
© pngimg.com

 

Peso: 27,296 bytes
© Barbara Ramiro

 

Peso: 5,451 bytes
© Google, Inc

 

Shortpixel

JPEG/JPG

Peso: 506,424 bytes
© Romário Eichlig

 

Peso: 292,931 bytes
© Celso Bessa

 

Peso: 270,958 bytes
© Thiago Morandi

 

PNG

Peso: 68,857 bytes
© pngimg.com

 

Peso: 19,966 bytes
© Barbara Ramiro

 

Peso: 3,951 bytes
© Google, Inc

 

Smush.it (via WP Smush PRO)

JPEG/JPG

Peso: 1,401,426 bytes
© Romário Eichlig

 

Peso: 680,772 bytes
© Celso Bessa

 

Peso: 799,909 bytes
© Thiago Morandi

 

PNG

Peso: 199,159 bytes
© pngimg.com

 

Peso: 21,195 bytes
© Barbara Ramiro

 

Peso: 4,303 bytes
© Google, Inc

 

 

Resultado & Considerações Finais

Se fossemos considerar apenas o peso das imagens, o ranking de menor peso ficaria dessa forma:

JPEG/JPG

  1. ShortPixel (1.070 kb) = 313%
  2. Optimizilla (2.020 kb) = 118%
  3. Nativo Infinite (2.128 kb) = 107%
  4. JPEGmini (2.178 kb) = 102%
  5. Imagify (2.523 kb) = 75%
  6. Smush.it (2.882 kb) = 53%
  7. Kraken.io (4.013 kb) = 10%
  8. ImageRecycle (4.055 kb) = 9%

PNG

  1. TinyPNG (84 kb) = 215%
  2. Optimizilla (87 kb) = 204%
  3. ShortPixel (93 kb) = 184%
  4. Nativo Infinite (103 kb) = 157%
  5. Imagify (121 kb) = 119%
  6. Smush.it (224 kb) = 18%
  7. Kraken.io (232 kb) = 14%
  8. ImageRecycle (257 kb) = 3%

No entanto, temos que analisar o quesito qualidade, pois em alguns casos a perda de qualidade foi inadmissível.
Com a ajuda de colaboradores e softwares de comparação de qualidade, chegamos ao seguinte ranking dos melhores resultados:

JPEG/JPG

  1. JPEGmini
  2. ShortPixel
  3. Otimizador de Imagens Nativo Infinite
  4. Optimizilla
  5. Imagify
  6. Kraken.io
  7. Smush.it
  8. ImageRecycle

PNG

  1. Optimizilla
  2. Imagify
  3. Otimizador de Imagens Nativo Infinite
  4. Smush.it
  5. Kraken.io
  6. TinyPNG (degradou muito)
  7. ShortPixel (degradou muito)
  8. ImageRecycle

Antes de sair tirando conclusões precitadas, se atente as seguintes observações:

1. Não foram testadas ferramentas que não possuem otimizador online ou multi-plataformas, como: Optimus.io, EWWW Image Optimizer, etc;
2. Otimizador Nativo, JPEGmini, Imagefy e Smush.it não retiram as metatags EXIF e IPTC das imagens JPG/JPEG. Isso é muito importante para fotógrafos e entusiastas;
3. Se este teste for realizado com imagens diferentes, o resultado não será o mesmo. Nossa equipe realizou testes com outras 300 imagens de websites/app hospedados conosco e o resultado ficou bem próximo a este;
4. As ferramentas comerciais, em sua maioria, vão otimizar as imagens dentro de seus próprios servidores, isso implica um custo com largura de banda e processamento;
5. Nem todos otimizadores são multi-plataformas. Você deve fazer a otimização manualmente ou pagar um programador para criar a integração via API, dependendo de qual é seu CMS;
6. As imagens foram hospedadas no Postimage.org e Imgur para evitar a ação de nosso otimizador sob as mesmas.

Changelog

06-05-2016 - Publicação do Artigo.

10-11-2017 - Correção de Formatação.

Artigos Populares