voltar para a página principal
DIRECTÓRIO DE FERRAMENTAS DE COMUNICAÇÃO DIGITAL
Tudo para ajudar o comunicador a maximizar o plano de comunicação da empresa na World Wide Web!

Categorias principais:

Como otimizar as imagens que disponibilizamos no Web Site?

Categoria: Produção de conteúdo » Imagens

500 mil milhões de fotos são tiradas todos os anos!

milhoes de fotos
Mas hoje os computadores só percecionam imagens através do texto que usamos para as identificar ou para lhe dar um título. Mas, amanhã, os computadores serão capazes de “ver” as imagens!

O Goggle Images já nos consegue oferecer algumas funcionalidades interessantes. Então já poderemos trabalhar no sentido de atribuir um nome à imagem que se relacione com o conteúdo, e atribuir uma descrição alternativa da imagem (atributo ALT da TAG IMG). Mas também podemos atribuir um titulo à imagem: Fazer uso do atributo TITLE, e desta forma quando o utilizador passa com o rato por cima da imagem, aparece esse texto.

E desta forma estamos a facilitar a tarefa do utilizador.

Exemplo:

Evento de Jet Ski que decorreu nos dias 20, 21 e 22 de julho em Mirandela.

<img title=”Evento de Jet Ski que decorreu nos dias 20, 21 e 22 de julho em Mirandela.” alt=”Evento de Jet Ski que decorreu nos dias 20, 21 e 22 de julho em Mirandela.” src=”jet_ski_mirandela.jpg” width=”320″ height=”240″ border=”0″ />

Outra tarefa que também poderemos fazer em prol do visitante do nosso Web Site, é evitar carregar bytes em excesso! Tentar diminuir o tamanho em bytes das imagens. Desta forma, o tempo de carregamento de cada página do nosso site é menor.

Podemos aplicar 2 técnicas:

  • Técnica 1 – Diminuir as dimensões (altura e largura)
  • Técnica 2 – Diminuir somente o tamanho em bytes!

Radical Image Optimization Tool (RIOT ) – http://luci.criosweb.ro/riot/download/ – é um software GRÁTIS que otimiza as imagens. Podemos visualmente comprimir a imagem e diminuir o tamanho sem perder a qualidade!

Interface do RIOT

Resumindo, as tarefas que o gestor de conteúdo (quando estamos a falar de imagem) deverá realizar são:

  • Redimensionar
  • Cortar
  • Aplicar filtros/efeitos (ex: Remover olhos vermelhos)
  • E otimizar a imagem em termos de tamanha em bytes mantendo a qualidade.

Existe à nossa disposição software GRÁTIS e OPEN SOURCE  como:

E hoje, a World Wide Web oferece-nos, e usando somente o browser, verdadeiros softwares! Não necessitamos de proceder à instalação do software no nosso computador, apenas precisamos de efetuar o registo em um web site e … Et VOILÁ… começamos a executar um conjunto de tarefas semelhantes aquelas que faríamos no software instalado na nossa máquina!

Aqui temos uma lista de web sites onde podemos criar e tratar as imagens:

… e outros web site que oferecem a possibilidade de otimizar as imagens:

Boas otimizações! … mas com qualidade.

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *