Como compactar imagens para seu site

Provavelmente, um dos métodos mais fáceis, mas frequentemente negligenciados, para aumentar a velocidade da página e a redução da largura de banda é a otimização da imagem, a compressão para ser específica.Se bem feito, isso não afetará a qualidade das imagens.Está se tornando a norma, então, felizmente, é fácil ver com serviços e plugins online gratuitos.

Compactando imagens

Aqui estão algumas ferramentas que podem ajudar na compactação de imagens:

• Resmush.it - uma ferramenta on-line também disponível como um plugin do WordPress que otimiza as imagens
• TinyPng - Ferramenta on-line gratuita para otimizar imagens disponíveis como um plugin do WordPress e um plugin do Photoshop.Pode até compactar arquivos de PNG animados (APNG)
• Compressor - Ferramenta online fácil e fácil (foto abaixo ... mostrando esta ferramenta sendo usada para a imagem, também! Você pode ver que o tamanho desta imagem foi reduzido em 72%)
• ImageOptim - Outra ferramenta on-line que otimiza suas imagens ao lhe dar total controle.Também pode otimizar imagens de alta def retina.No entanto, este não é livre, pois o preço começa em US $ 9 para 1000 otimizações por mês.

Esta imagem foi comprimida em mais de 70%

Se você estiver usando o WordPress, é direto para otimizar suas imagens por meio de plugins.Além dos serviços acima que oferecem um plugin, aqui estão mais alguns:

• ShortPixel
• Ewww Image Optimizer

Qual é o formato de imagem WebP?

Além de compactar imagens, você também pode considerar o uso do formato da imagem do WebP.Foi demonstrado reduzir o tamanho da imagem em mais de 80% em alguns casos e é suportado por todos os principais navegadores, incluindo Chrome, Firefox, Microsoft Edge e Safari.

Mas quando você usa a WEBP, ele não substitui seus arquivos JPEG ou PNG existentes.Portanto, se os visitantes estiverem usando um navegador que não suporta a WebP, eles serão mostrados a outra versão.Sim, isso significa que você tem mais imagens em seu site, mas se a maioria estiver exibindo a versão da WebP, ela ainda pode diminuir drasticamente o tamanho e o peso do seu site, tornando-o mais rápido.

E existem vários plugins do WordPress que farão todo o levantamento pesado para você - Optimus, Smush e Optimole, vale a pena considerar.

Mesmo para navegadores não suportados, o suporte da Webp pode ser adicionado através do uso da biblioteca da WebPJS.