e importante utilizarimagens que sejam do tamanho realmente necessario para o bom entendimento deseus clientes, para que o resultado final da pagina nao seja muito pesada elenta.Utilizar ferramentas de compressao de imagens como jpegtran, Jpegoptim,Smush.it do Yahoo! e OptiPNG e o caminho certo para se obter uma boa reducao dopeso das imagens.O Google Page Speed tambem dara boas dicas de como otimizar a pagina emtermos de imagens. Uma das dicas e sempre exibir imagens dimensionadas, isto eeditar as imagens para que elas fiquem no tamanho correto no qual voce desejainserir no site, e nao usando os atributos de redimensionamento pelo codigo. OGoogle tambem indica que especificar a dimensoes (largura e altura) de todas asimagens do site permite uma renderizacao mais rapida da pagina.6. Use CSS Sprites quando possivelExiste tambem a opcao de combinar imagens com CSS Sprites, que tambemsera avaliada pela ferramenta do Google. Aplicar esta tecnica e muitoaconselhavel para websites com muitas imagens em suas paginas.Utilizar o CSS Sprites e relativamente simples. Para tal, basta unificartodas as imagens da pagina em uma unica nova imagem, como por exemplo, unificartodos os botoes de um menu em uma unica imagem. Usando o exemplo abaixo ficaclaro identificar como o CSS Sprites pode ser util:Se fossemos carregar cada imagem desse menu separadamente teriamos seisrequisicoes e 18kb no total. Apos a unificacao em uma so imagem o tamanho caipara 14kb. Agora imagine isso para mais 10 imagens usadas em uma unica pagina.O codigo HTML que vai precisar usar para o exemplo e realmente muitosimples, utiliza-se um menu em lista onde sera colocada a imagem unificada comobackground e definir a largura e altura fixa para cada item de menu, com issoaparecera somente o Sprite correspondente a imagem que sera visivel:Criar a propriedade CSS responsavel pela mudanca dos sprites usandobackground-position. Com isso sera definida em que posicao o background seraexibido. 123456789 #menu li a { background: url(images/sprites.jpg) no-repeat; display: block; width: 120px; height: 60px; } /* define para cada item a posicao em que o sprite esta na imagem /* #menu li .home { background-position: 0px 0px; } #menu li .home:hover { background-position: 0px -60px; } #menu li .textos { background-position: 120px 0px; } #menu li .textos:hover { background-position: 120px -60px; } #menu li .contato { background-position: 240px 0px; } #menu li .contato:hover { background-position: 240px -60px; } 7. Seja autentico nao copie imagensde outros sitesComo eu disse la no comeco, o Google da muito importancia para arelevancia da imagem para os usuarios, entao ele nao vai aceitar que voceutilize-se de imagens de outros sites, dando assim conteudo duplicado ao seuvisitante.Por isso, seja autentico! Ao inves de copiar a imagens de outro site,apenas se inspire nela e crie a sua propria.ConclusaoPara ter uma melhor ideia do quanto essas dicas sao relevantes, procureem seu Google Analytics as informacoes de quantos sao os visitantes que chegamao seu site atraves do Google Images, procure em Fontes de Trafego, voce podese surpreender com o numero de visitantes que chegam ao seu site dessa forma.No Portal Seu Negocio na Internetvoce vai encontrar dicas bonus para otimizacao deimagens, como uma dica para criar relatorios