Como designer gráfico ou web designer, você pode ser solicitado a fornecer imagens prontas para a Web, como fotos de um site ou anúncio em banner. A ferramenta Salvar na Web do Photoshop é uma maneira fácil de preparar seus arquivos JPEG para a Web, ajudando na troca entre o tamanho do arquivo e a qualidade da imagem.
Para este tutorial, você está salvando imagens JPEG. A ferramenta Salvar para a Web também foi criada para salvar arquivos GIF, PNG e BMP.
O que torna um gráfico pronto para a Web?
A maioria dos gráficos prontos para a Web compartilham características comuns:
- A resolução é de 72 dpi.
- O modo de cor é RGB.
- Os arquivos são reduzidos em tamanho para páginas da Web com carregamento mais rápido.
Abra uma imagem
Para praticar com a ferramenta Salvar para a Web, abra uma imagem no Photoshop.
Clique Arquivo> Abrir, procure a imagem no seu computador e clique em Abrir. Para fins de prática, uma foto funciona bem, embora qualquer tipo de imagem funcione.
Redimensione a foto para um tamanho pequeno que você possa usar em um site. Para fazer isso, clique em Imagem> Tamanho da imagem, insira uma nova largura no campo Largura e selecionePíxeis. Nesse caso, digite 400 pixels e clique em Está bem.
Abra a ferramenta Salvar para a Web
Suponha que alguém lhe pediu para entregar uma foto com 400 pixels de largura, pronta para ser postada em um site.
Clique Arquivo > Salvar para a Web para abrir o Salvar para a Web caixa de diálogo. (Em versões posteriores do Photoshop, o caminho é Arquivo > Exportar > Salvar para a Web.)
Procure as diferentes configurações e ferramentas na janela.
03 de 07Configurar a comparação
No topo da Salvar para a Web janela são uma série de guias rotulados Original, Otimizado, 2-Upe 4-Up. Ao clicar nessas guias, você pode alternar entre uma exibição de sua foto original, sua foto otimizada com as configurações de Salvar para a Web aplicadas a ela ou uma comparação de duas ou quatro versões de sua foto.
Escolher 2-Up para comparar a foto original com a otimizada, mostrando cópias lado a lado da imagem.
04 de 07Definir a visualização original
Clique na foto no lado esquerdo para selecioná-la. Escolher Original de Predefinir menu no lado direito do Salvar para a Web janela (se ainda não estiver selecionada). Isso coloca uma prévia da foto original, não editada, no lado esquerdo.
05 de 07Definir a visualização otimizada
Clique na foto à direita para selecioná-la. Escolher JPEG High de Predefinir cardápio. Agora você pode comparar a foto otimizada à direita, que será seu arquivo final, com o original à esquerda.
06 de 07Edite a qualidade JPEG
A configuração mais importante na coluna da direita é a Qualidade valor. À medida que você diminui a qualidade, sua imagem parece mais confusa, mas o tamanho do arquivo fica inativo e arquivos menores significam páginas da Web com carregamento mais rápido.
Tente mudar a qualidade para 0 e observe a diferença nas fotos à esquerda e à direita, bem como o tamanho de arquivo menor, localizado abaixo da foto.
O objetivo é encontrar um meio feliz entre o tamanho do arquivo e a qualidade. Uma qualidade entre 40 e 60 geralmente é um bom intervalo, dependendo das suas necessidades. Tente usar os níveis de qualidade predefinidos (JPEG Medium, por exemplo) para poupar tempo.
07 de 07Salve sua imagem
Quando estiver satisfeito com a foto à direita, clique no Salve botão. o Salvar otimizado como janela abre. Digite um nome de arquivo, navegue até a pasta desejada em seu computador e clique em Salve . Agora você tem uma foto otimizada pronta para a web.
