Como otimizar imagens para a web

Otimizar suas imagens para fazer o seu carregamento da página Web mais rápido.

Optimização refere-se a tomada de uma imagem pronto a ser utilizado em uma página da Web. Para fotos tiradas com uma câmera digital de qualidade, o que inclui o redimensionamento as dimensões da imagem, uma vez que a maioria das câmeras digitais tomar grandes fotos. Também inclui comprimir os dados de modo que o arquivo ocupa menos espaço em disco com pouca ou nenhuma perda na qualidade da imagem. Isto é verdade para a otimização se a imagem é redimensionada ou não.

Coisas que você precisa

  • Adobe Photoshop, Adobe Fireworks ou acesso à Internet

Use Web Resizer on-line

  • Visite WebResizer.com e clique no "Escolher arquivo" botão. Navegue até a imagem que você deseja otimizar no seu disco rígido, clique sobre ela e clique em "ESTÁ BEM." Em seguida, clique no "Carregar imagem" botão para carregá-lo. Você verá duas versões da foto abaixo destes botões: a imagem otimizada na esquerda eo original na direita.

  • Visualize a imagem otimizada e a listagem para o tamanho do arquivo (em KB), largura e altura (em pixels) abaixo dele. Se este for satisfatória, clique em "Baixar esta imagem" abaixo da foto otimizado para baixá-lo. Se não o que você quer é, prossiga com os passos abaixo para ajustar as opções de otimização.

  • Digite valores para as opções dos campos abaixo as duas fotos. Você pode inserir um novo tamanho (especificando "largura" ou "altura") E a outra dimensão será calculado para manter o foto proporcional. É possível introduzir uma quantidade de 0 a 40 para afiar, e uma quantidade de 10 a 100 para uma qualidade de imagem (quanto mais alto o número, melhor será a qualidade).

  • Clique no "Aplicar mudanças" botão para ver a nova imagem. Repita com novas opções até que esteja satisfeito, ou clique no "Baixar esta imagem" para baixar a imagem optimzed. Se você quiser mais alterações, prosseguir com o passo abaixo antes de baixar a imagem.

  • Ajuste a imagem de matiz, exposição, contraste ou saturação de cor, inserindo os números nos respectivos campos. Adicionar efeitos de borda, definindo as opções para as fronteiras na parte inferior. Clique em "Aplicar mudanças" e depois "Baixar esta imagem" quando estiver satisfeito.

Otimizar imagens com Adobe Fireworks

  • Selecione ou abra uma imagem que você deseja otimizar no Adobe Fireworks clicando nele (ele já está aberta no Fireworks) ou seleccionando "Aberto" de "Arquivo" menu para abri-la.



  • Selecione os "otimizar" Painel dos painéis no lado direito da janela do Fireworks, e seleccionar e introduzir opções para otimização. Selecione a combinação desejada de qualidade e formato de arquivo a partir da lista drop-down. Você pode ajustar a qualidade da imagem, alterando o número na "Qualidade" caixa se desejar.

  • Clique no "visualização" botão acima a imagem para vê-lo como ele vai olhar com as opções de otimização selecionados.

  • selecionar "Exportar" de "Arquivo" Menu, digite um nome de arquivo e clique "Salvar" para salvar a sua imagem otimizada.

Otimizar com o Adobe Photoshop

  • selecionar "Aberto" de "Arquivo" menu para abrir a imagem que você deseja otimizar no Adobe Photoshop.

  • Escolher "Save for Web & Devices" de "Arquivo" cardápio. Selecione os "otimizado" guia a partir da janela que aparece.

  • Clique na lista drop-down de configurações do "predefinido" menu ou entrada individuais opções de configuração nos campos, escolher o formato de arquivo, tamanho e qualidade da imagem.

  • Ver a visualização da imagem e ajustar as configurações conforme desejado.

  • Digite um nome de arquivo e e clique no "Salvar" botão.

De esta maneira? Compartilhar em redes sociais:

LiveInternet