Como compactar imagens para seu site

Provavelmente, a maneira mais fácil de aumentar a velocidade da página e reduzir a largura de banda está encolhendo e otimizando suas imagens.Imagens de compressão ajudarão você a fazer isso.Se feito direito, não afetará a qualidade das imagens.Está se tornando a norma, tão feliz, é fácil de fazer 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 querer considerar o uso do formato da imagem WebP, um formato mais novo desenvolvido pelo Google.Tem sido mostrado para reduzir o tamanho da imagem em mais de 80% em alguns casos.No entanto, não é suportado por todos os navegadores, mais notavelmente safari e Internet Explorer.O Firefox ainda não, mas anunciou planos para apoiá-lo nativamente.

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 há um plugin do WordPress para fazê-lo - Optimus Image Optimizer.

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