Como reduzir imagens para a Web no Photoshop

Aqui vai um tutorial sobre como reduzir tamanho imagens para a Web no Photoshop:

1. Abra uma imagem no Photoshop.
2. Clique em File > Save for Web.
3. Clique na aba 2-up. Repare que na imagem do lado esquerdo você tem a aparência da imagem original, e do lado direito você tem um Preview da imagem otimizada para a Web.
4. Clique na imagem da direita e selecione o formato final da sua imagem (Gif ou Jpg).
5. Selecione as opções de compressão do arquivo de acordo com o formato escolhido.

Caixa de diálogo Save for Web.

o Para arquivos JPG, marque a opção Optimized, digite a qualidade que você quer manter no arquivo (de 0 a 100) em Quality, marque a opção Progressive se quiser que a imagem seja carregada aos poucos quando estiver sendo baixada em um website.
Opções de otimização para arquivos JPG.

o Para arquivos GIF, selecione o número de cores em Colors.

Opções de otimização para arquivos GIF.

Se você quiser que alguma cor seja transparente, marque a opção Transparency, clique no botão de transparência, como indicado na figura abaixo e clique nas cores que você quer que sejam transparentes na tabela de cores.
Seleção de cores transparentes.

Na opção Matte, selecione a cor do fundo onde sua imagem transparente será colocada. Isso cria uma suavização das bordas da transparência nesta cor, dando um efeito mais natural à sobreposição da imagem.

6. Repare que abaixo das imagens você consegue ver o tamanho resultante das escolas de compressão que você fez. Quanto mais compressão você aplicar, mais você perde em qualidade e mais leve fica a imagem. Aplique várias configurações até chegar à configuração ideal na relação tamanho em Kb do arquivo e qualidade da imagem.
7. Se quiser comparar várias configurações de arquivo, selecione a guia 4-up e aplique diferentes configurações em cada imagem mostrada.

Guia 4-up.

Mais sobre imagens para a Web:

LinkWithin

Related Posts with Thumbnails

AddThis