Otimizar imagens

Esta regra é acionada quando o PageSpeed Insights detecta que as imagens na página podem ser otimizadas para reduzir o próprio tamanho sem afetar significativamente a qualidade visual.

Visão geral

Mantenha os tamanhos de imagem ao mínimo para reduzir a quantidade de tempo que um usuário precisa aguardar até o carregamento dos recursos. A correta formatação e compactação das imagens pode economizar muitos bytes de dados. Esse procedimento poupa tempo para os usuários com conexões lentas e dinheiro para os usuários com planos de dados limitados.

Recomendações

Execute a otimização básica e avançada em todas as imagens. A otimização básica inclui cortar espaços desnecessários, o que reduz a profundidade de cor para o menor nível aceitável, remover comentários na imagem e salvar a imagem em um formato apropriado. É possível executar a otimização básica em qualquer programa de edição de imagens, como o GIMP. A otimização avançada envolve uma maior compactação (sem perda de dados) de arquivos JPEG e PNG.

Use um compactador de imagens

É possível encontrar várias ferramentas disponíveis que realizam uma compressão maior e sem perdas de dados nos arquivos JPEG e PNG, sem diminuir a qualidade da imagem. Para JPEG, recomendamos jpegtran ou jpegoptim (disponível somente no Linux; execute com a opção --strip-all). Para PNG, recomendamos OptiPNG ou PNGOUT.

Escolha um formato de arquivo de imagem apropriado

É recomendável que você faça um teste para definir que formato é mais indicado para sua imagem, embora tenhamos algumas recomendações de alto nível aqui:

  • PNGs são quase sempre superiores aos GIFs, embora algumas versões mais antigas de navegadores só ofereçam suporte parcial para PNG.
  • Use GIFs para imagens muito pequenas ou simples (por exemplo, com menos de 10 x 10 pixels ou com uma paleta formada por menos de três cores) e para imagens que com animação.
  • Use JPGs para todas as imagens com estilo fotográfico.
  • Não use BMPs ou TIFF.