Quer melhorar o tempo de carregamento de sua página? A otimização de imagem é um ótimo lugar para começar! Analisamos cinco ferramentas gratuitas de compactação de imagens e observamos seu impacto na velocidade da página.

Recentemente, me vi cada vez mais focado em otimizar o tempo de carregamento das páginas do site. Melhorar a velocidade da página é algo que geralmente é facilmente percebido pelos clientes, e isso impacta positivamente a experiência do usuário e a conversão, bem como o SEO.

O desafio, frequentemente, pode ser que alguns elementos de melhoria da velocidade da página possam exigir uma experiência e esforço significativo dos recursos de desenvolvimento (por exemplo, priorizando o conteúdo visível, eliminando JavaScript ou CSS de bloqueio de renderização).

Mas há um elemento de otimização de velocidade de página que mesmo profissionais de marketing não técnicos e criadores de conteúdo podem contribuir: otimização de imagem. O redimensionamento e a compactação de imagens geralmente podem ser a ação mais fácil e de maior impacto para agilizar as páginas do seu site.

Quando você sabe quais imagens precisam ser melhoradas (ou se você tem apenas algumas novas imagens para adicionar ao seu site), qual é a melhor ferramenta para compactar imagens?

Como a compactação de imagens pode ser algo tão útil e fácil, queria testar os recursos de cinco ferramentas de compactação de imagens independentes e gratuitas, designers ou profissionais de marketing podem usar essas ferramentas para garantir que eles mantenham o tamanho do arquivo de imagem sob controle.

Para este post, vou utilizar 3 imagens diferentes para teste:

  • Um logotipo
  • Uma imagem grande que não foi compactada
  • Um infográfico que não foi compactado

As imagens estavam em PNG, e cada uma delas havia sido gerada sem nenhum foco na otimização de tamanho ou para ser comprimida (como frequentemente será o caso “geralmente”).

Existem várias ferramentas gratuitas de otimização de imagens. Embora eu tenha certeza de não conheça todas elas, verifiquei de 15 a 20 ferramentas diferentes e descobri que essas cinco são as mais adequadas para a maioria das finalidades. Eu acho que é provável que a maioria das pessoas lendo este post ache que uma desses cinco é faça um ajuste para suas necessidades de compressão de imagem.

Vamos analisar as ferramentas que usei para comprimir as imagens.

1. Optimizilla

O Optimizilla tem uma interface muito simples:

Os maiores “profissionais” são a favor do Optimizilla porque a ferramenta permite que você execute até 20 imagens para compactação de cada vez (algumas das outras nesta lista também) e que ele tenha um ótimo recurso de visualização de imagem que permite você escolher para cima ou para baixo a “qualidade” da imagem.

Esse recurso de controle deslizante de qualidade permite ajustar a compactação da imagem com base no fato de o resultado final parecer aceitável. Diminuir a qualidade reduz o tamanho da imagem, portanto, se você não conseguir ver muita diferença em 60% de comparação com 90% da qualidade da imagem, convém descer para 60% para reduzir o tamanho da imagem o máximo possível.

2. TinyPNG

Como o Optimizilla, o TinyPNG  possui uma interface simples e agradável, e você pode executar até 20 imagens por vez. Também possui uma opção conveniente de “exportar para o Dropbox”, o único problema é que a versão gratuita, permite fazer upload de imagens de até 5mb:

Compactando Imagem com TinyPNG

3. Compressor.io

Compressor.io também oferece compactação. Infelizmente, não há um recurso de upload em massa aqui. Portanto, você precisa fazer upload de uma imagem por vez:

4. Kraken

O Kraken permite que você faça upload de vários arquivos. Ele também tem alguns recursos interessantes, como permitir que você exporte facilmente arquivos para o Dropbox ou importe arquivos do Dropbox ou do Google Drive. Além disso, o Kraken permite a personalização “avançada”, como alteração de qualidade e orientação e preservação de metadados para suas imagens.

Compactação de Imagens com Kraken

A principal desvantagem do Kraken é que ele era a única ferramenta na lista que não executava a compactação para todos os arquivos na versão gratuita da ferramenta. Nossa imagem grande com 9mb, não pode ser compactada no plano gratuito, e seu plano PRO varia de R$ 20 a R$ 320 reais por mês.

Receba Novidades

Enviamos novos conteúdos novos e belos para a sua caixa de entrada regularmente. Aproveite cada boletim de notícias premium em seu e-mail.
Seu melhor e-mail
Seu email nunca será compartilhado

5. Gift of Speed

O Gift of Speed oferece compressores PNG e JPG separados. Ele possui upload em massa para PNG, mas não para JPG.

Compactação de Imagens com Gift of Speed

E os resultados?

Como você pode ver abaixo, todas as ferramentas tiveram um impacto significativo no tamanho da imagem. Vale a pena notar que em cada instância, eu peguei a versão padrão da imagem compactada de cada ferramenta – eu provavelmente poderia ter tido ganhos ainda maiores aprimorando as configurações avançadas em ferramentas como o Kraken e o Optimizilla.

Métricas de Otimização de Imagens

Como você pode ver, no desempenho padrão bruto, o TinyPNG tinha o menor tamanho de arquivo para as duas imagens maiores e o Compressor.io tinha o menor tamanho para o logotipo.

Se você está procurando uma ferramenta para sua equipe usar que é muito fácil de usar e produz uma imagem muito menor por padrão, eu provavelmente recomendaria o TinyPNG. Pessoalmente, eu frequentemente uso o Compressor.io, pois acho que é a melhor combinação de uma interface simples com alguma customização fácil de usar.

Como isso realmente afeta as coisas?

Você pode estar pensando: “OK, ótimo, então você fez esses arquivos de imagem ficar muito menores – mas quanto de impacto isso realmente tem na rapidez com que a minha página carrega?”

Para ajudar a demonstrar o quão dramático pode ser o impacto, criei uma página em um site WordPress e adicionei as imagens iniciais (e nada mais) ao corpo da página e registrei o tempo total de carregamento da página, depois as removi e as substituí pela menor versão de cada arquivo.

Carregamento de página com todas as imagens originais adicionadas a uma página:

5.882 segundos

Carregamento de página com a melhor versão otimizada de cada imagem adicionada a uma página:

2.369 segundos

Assim, o tempo de carregamento da página diminuiu mais da metade depois de ter otimizado as três imagens.

Agora, isso obviamente te um impacto muito particular devido à presença do arquivo grande, mas um logotipo (e arquivos semelhantes) estão presentes em todas as páginas do seu site, e há uma boa chance entre posts, imagens de produtos e outras áreas do seu site, você ter várias imagens não otimizadas. Quanto de velocidade você está perdendo em suas páginas devido a imagens não otimizadas?