Uma das principais causas de lentidão em sites e aplicativos é o uso inadequado de imagens. Aprenda como otimizar imagens para web, torne-as poderosas aliadas às ferramentas de busca e contribua para uma maior taxa de permanência.
Entender o básico sobre compressão, qualidade da imagem e vantagens no uso de cada tipo de imagemnos possibilita fazer escolhas melhores. Isso pode significar imagens em melhor qualidade e com maior velocidade de carregamento.
O que é otimizar uma imagem?
Uma imagem otimizada significa que ela possui alta performance, ou seja:
Alta qualidade de formato de arquivo;
Tamanho do arquivo em dimensões ideais – utiliza o menor valor seguro possível.
Por que otimizar imagens para web?
A partir de relatórios feitos em milhares de sites, identificaram que o tempo ideal de carregamento de um site é de, no máximo 3 segundos. Falta de paciência ou não, o que o estudo aponta é que mais da metade dos visitantes desistem, caso o intervalo seja superior a esse tempo. Além disso, imagens otimizadas:
Aprimoram a experiência do usuário;
Reduzem o abandono precoce do usuário;
Permitem que o visitante se aprofunde e visite mais páginas do site;
Melhoram o rankeamento, sua posição nos mecanismos de busca – mais chances frente aos concorrentes, sem custos.
Erros comuns cometidos na hora de escolher o tipo de arquivo:
Tamanho inadequado – imagens grandes na altura e largura;
Formato inadequado – cada formato tem um melhor uso em determinada situação;
Ambos são aplicativos gratuitos que usam uma técnica inteligente de compactação com alguma perda ao reduzir o tamanho de arquivos PNG e JPG, respectivamente.
Usa uma tecnologia de compactação sem perdas, que reduz significativamente o tamanho das imagens, sem afetar a qualidade e com comparativo em tempo real da qualidade de sua imagem original e a imagem compactada.
Você pode usar a versão web gratuitamente ou comprar o programa para o seu computador. Eles também têm uma API paga para automatizar o processo para o seu servidor.
Para quem preferir usar utilitários, ambos permitem compactação sem perda de qualidade, buscando melhores parâmetros de compactação ao remover perfis de cores desnecessários.
Usando plugins de otimização de imagens para o WordPress
Se você possui um site com vários autores e precisa de uma solução automatizada, pode experimentar um plugin de compactação de imagens do WordPress. O uso de qualquer um desses o ajudará a acelerar seu site.
EWWW Image Optimizer– permite otimizar imagens automaticamente durante o download, de imagens mais antigas, com a vantagem de otimizar imagens geradas por outros plugins do WordPress e armazenadas fora da sua biblioteca de mídias.
Compress JPG & PNG images– plugin da equipe TinyPNG. Exige criar conta e tem limite de 100 fotos otimizadas por mês, na conta gratuita;
Imagify– plugin da WP Rocket. Comprime as imagens, baseando-se em algoritmos. Restaura as imagens da galeria automaticamente, quando desinstalado.
ShortPixel– otimiza as imagens assim que o plugin é ativado e armazena as imagens originais em uma pasta separada. A conta gratuita só permite 100 imagens por mês;
Smush– detecta imagens que são maiores do que o espaço em que ela está sendo usada. O plugin destaca a imagem no site para que ela seja otimizada para o tamanho exato e pode otimizar várias imagens simultaneamente;
reSmush.it– permite otimizar imagens automaticamente durante o download e oferece opção de otimização de imagens mais antigas. Se você não está procurando opções muito flexíveis de compactação de imagens, ele oferece o melhor desempenho, fazendo diferença real no tamanho do arquivo.