Salvar imagens para Web com Photoshop para colocar em sites ou blogs

A velocidade de carregamento de um site também esta relacionada com as imagens que estão sendo utilizadas no site.

Quando utilizamos câmeras digitais ou celulares para tirar fotos e passamos para o computador, o tamanho dessas imagens podem facilmente ultrapassar de 2 a 3 MB facilmente.

E isso é cada vez mais constantes com as inovações tecnológicas.

Se você alguma vez precisou otimizar uma imagem para colocar no seu site ou blog e não soube como fazer, saiba que o Photoshop possui um recurso em especial para isso, além de ser muito fácil de realizar.

O recurso permite tanto mudar o tamanho da imagem, como escolher em qual formato deseja salvar (GIF, JPG, PNG e WMP) e tudo isso sem perder tanto a qualidade da imagem. Excelente principalmente para quem vai trabalhar com as fotos na Web.

 

Como salvar imagem para Web?

 

1º Passo – Para salvar uma imagem para Web, abra o Photoshop com a imagem a ser reduzida.

2º Passo – Para uma melhor redução, diminua o tamanho da imagem através do menu “Image” – “Image Size”. Como você pode ver na imagem as dimensões estão muito grande com 3264px de largura por 2448px de altura. Essas medidas são muito além do necessário para utilizar na web.

Deixe marcado a opção “Constrain Proportions” e reduza a largura em 1024px ou no tamanho que você achar o ideal para digitalizar no seu trabalho.

reduzir-imagem

3º Passo – Agora você acessa o menu “File” e escolha “Salve for Web“.

salvar-imagem-para-web

4º Passo – Na página seguinte você define o formato da imagem que gostaria de salvar e ainda pode ver um preview da imagem original com o da imagem otimizada para uma comparação do antes e depois.

salvando-imagens-para-web

5º Passo – Feito isso salve no formato que você escolheu e veja o resultado. Qualquer dúvida ou dica é só comentar!

Se você ficou com alguma dúvida, não deixe de comentar!

Posts Relacionados

Comentarios (4)

  1. Pingback: Reduzir ao máximo o tamanho de uma imagem : Desenvolvimento de Sites RJ | Construo seu Site

  2. Pingback: Como criar um site eficiente para sua empresa | Construo seu Site

  3. Pingback: Reduzir ao máximo o tamanho de uma imagem | Construo seu Site

  4. Pingback: Melhorando a Velocidade de Sites em Wordpress | Construo seu Site

Deixe um Comentario