Otimizar suas imagens facilmente

Janeiro 2017


Há várias maneiras de otimizar um site web :
  • Separar o conteúdo (HTML) e a paginação (CSS) ;
  • Utilizar os tags apropriados sem sobrecarregar o código dos elementos ou os comentários supérfluos;
  • Prestar atenção à adição dos scripts externos;
  • E, claro, tomar cuidado com o peso das imagens.


O último ponto parece ser o mais importante para os usuários. Na verdade, as imagens pesadas são muito demoradas para carregar, principalmente, para quem tem uma conexão lenta.

Princípio


As imagens podem ser otimizadas de várias maneiras: o peso e o resultado visual.

É aí que intervém o smushit :

Ele analisa os dados que compõem a imagem e elimina as informações desnecessárias, sem afetar a qualidade do resultado.

Funcionamento


Três maneiras de proceder estão a sua disposição:
  • Uma simples atualização da imagem;
  • A apresentação de um ou mais URL;
  • Ou, a instalação da extensão Firefox, que utilizaremos aqui.


Depois de instalar a extensão, vá ao site que você quer otimizar as imagens e clique no ícone que apareceu na sua barra de download. Uma nova página aparecerá, com o peso ganho através desta operação e o arquivo zipado contendo todas as imagens otimizadas.


Veja também

Artigo original publicado por . Tradução feita por pintuda. Última modificação: 30 de maio de 2010 às 18:19 por pintuda.
Este documento, intitulado 'Otimizar suas imagens facilmente', está disponível sob a licença Creative Commons. Você pode copiar e/ou modificar o conteúdo desta página com base nas condições estipuladas pela licença. Não se esqueça de creditar o CCM (br.ccm.net) ao utilizar este artigo.