Como otimizar imagens para a web

Otimização refere-se a fazer uma imagem pronta para ser usada 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 tirar grandes fotos. Ele também inclui comprimir os dados para que o arquivo ocupa menos espaço em disco com pouca ou nenhuma perda na qualidade da imagem. Isto é verdade para otimização se a imagem é redimensionada ou não.

Use Web Resizer on-line

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

Ver a imagem otimizada e a listagem para o tamanho do arquivo (em KB), largura e altura (em pixels) abaixo dela. 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 a proporcional foto. Você pode inserir uma quantidade de 0 a 40 para afiar, e uma quantidade de 10 a 100 para qualidade de imagem (quanto maior o número, melhor a qualidade).

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

Ajuste a imagem do matiz, exposição, contraste ou saturação de cor, inserindo os números nos respectivos campos. Adicionar efeitos de borda, definindo as opções de bordas 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á aberto no Fireworks) ou selecionando "Aberto" de "Arquivo" menu para abri-lo.

Selecione os "otimizar" Painel dos painéis no lado direito da janela do Fireworks e selecione e digite 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 "Salve " 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" aba 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 "Salve " botão.

Referências

• ligação AKSI: otimização de imagens para a Web
• ligação Arte Digital e Fotografia: Como otimizar as fotos digitais para a Web
• ligação WebsiteTips.com: Otimização Web Site

Sobre o autor

Melissa Worcester é uma mãe, escritor freelance e designer gráfico. Ela tem escrito profissionalmente há mais de 18 anos e ganhar uma escrita renda a tempo parcial para vários sites desde 2007. Ela escreve sobre questões de tecnologia, negócios e marketing, melhoria home, educação e temas familiares e auxilia no negócio de remodelação em casa de seu marido. Worcester tem um Bachelor of Arts em comunicação e psicologia da Universidade de Syracuse.