Otimizar imagens [dicas]
Otimizar imagens
Esta regra é desencadeada quando PageSpeed Insights
detecta que as imagens na página pode ser otimizado
para reduzir seu tamanho sem afetar significativamente
a sua qualidade visual.
Visão global
Mantenha tamanhos de imagem ao mínimo
para reduzir a quantidade de tempo
que um usuário está aguardando
recursos para carregar.
Devidamente formatar e
compressão de imagens
pode salvar muitas bytes de dados.
Isso economiza
tempo dos usuários
em conexões lentas e
dinheiro
para os usuários
em planos de dados limitados.
Recomendações
Você deve executar a otimização
tanto básico
e avançado
em todas as imagens.
Otimização básico
inclui corte espaço desnecessário,
reduzindo a profundidade de cor
para o menor nível aceitável,
a remoção de comentários de imagem
e salvar a imagem em um formato adequado.
Você pode executar
a otimização básica com
qualquer programa de edição de imagem,
como o GIMP .
Otimização avançada
envolve mais compressão (lossless)
de arquivos JPEG e PNG.
Use um compressor de imagem
Diversas ferramentas estão disponíveis para realizar mais,
a compressão lossless em arquivos JPEG e PNG,
sem nenhum efeito sobre a qualidade da imagem.
(disponível apenas em Linux;
correr com a
- strip todo-
opção).
Para PNG, recomendamos
Escolha um formato de arquivo de imagem apropriado
Você deve testar
qual formato
é o
melhor para a sua imagem,
embora 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ó pode ter suporte parcial para o PNG .
- Use GIFs para muito pequenas ou simples gráficos (por exemplo, menos de 10x10 pixels, ou uma paleta de cores de menos de três cores) e para imagens que contêm animação.
- Use JPGs para todas as imagens em estilo fotográfico.
- Não use BMPs ou TIFF.