↓ Ir para o conteúdo principal
  1. Artigos/

Otimize imagens, velocidade e espaço

·
Rubén Infante Docio
Autor
Rubén Infante Docio
Engenheiro de software
Tabela de conteúdos

Introdução
#

Se você precisa otimizar imagens, veio ao lugar certo. Você sabia que pode economizar até 92% no tamanho dos seus arquivos de imagem e tudo isso sem nenhuma perda de qualidade perceptível a olho nu?

Como desenvolvedores, precisamos saber a importância de otimizar as imagens que usamos ou que serão usadas pelos usuários do nosso app.

  1. Um tamanho menor do arquivo fará nosso site carregar mais rápido.
  2. O Google leva em conta a velocidade de carregamento do nosso site para nos posicionar, então é melhor para o SEO.
  3. Se permitirmos que nossos usuários enviem imagens para nosso site/API, podemos economizar na largura de banda consumida tanto no upload quanto em cada download/visualização.
  4. Como vantagem adicional, economizaremos espaço de armazenamento.

Comparação
#

Sem mais delongas, deixo vocês com uma comparação dos vários serviços e aplicativos dos formatos mais comuns, ou seja, JPG e PNG.

Tabela JPG

Gráfico JPG Otimizar Imagens
Gráfico JPG

Tabela de Otimização de Imagens
Gráfico JPG

Tabela PNG
Gráfico PNG

Grafo PNG Otimizar Imagens
Grafo PNG

Conclusão
#

Para jpg, o melhor serviço/app é compressjpeg Para PNG, o melhor é Optipng.

Os testes foram realizados para obter uma qualidade de imagem semelhante. Você provavelmente vai notar, leitor ávido, que a economia é considerável, mas não de 92%. Para isso, em breve poderá ler o post “Webp, aquele grande desconhecido”

Plugins para otimizar imagens
#

Abaixo estão alguns plugins e bibliotecas que podem te ajudar nesse processo de otimização, todos testados e avaliados, em ordem decrescente de valor contribuído.

WordPress
#

  • otimizador Ewww
    • Livre, multiformato e permite processamento em lote.
  • TinyPNG
    • Uma ferramenta muito simples de usar

C#.
#

Se você achar interessante em breve, farei um post sobre webp, outro ótimo formato para a web, um formato pouco conhecido pelo usuário comum, mas que é maravilhoso se falarmos sobre otimizar imagens para a web.

Se você quer fazer algo legal para os outros, aqui está um uma forma de usar sua página 404 para encontrar pessoas desaparecidas.

Relacionados