Como usar a ferramenta Salvar para a Web do Photoshop

2024 Autor: Abigail Brown | [email protected]. Última modificação: 2023-12-17 06:58

O que saber

• Abra uma imagem no Photoshop. Selecione Image > Image Size. Insira uma nova largura e selecione Pixels > OK.
• Escolha Arquivo > Salvar para Web e Dispositivos. Escolha a guia 2-Up para ver as imagens originais e otimizadas lado a lado.
• Altere o valor Quality e veja os resultados. Faça ajustes no tamanho ou tipo de arquivo, se necessário. Selecione Salvar e nomeie a nova imagem.

Este artigo explica como usar a ferramenta Salvar para a Web do Photoshop para otimizar imagens para uso na web. Essas informações se aplicam ao Photoshop 20.0.10 e posterior. Comandos e opções de menu podem diferir entre as versões.

Como Salvar para a Web no Photoshop

Designers gráficos, web designers e outros que criam conteúdo para a web, também criam imagens prontas para a web, como fotos para sites e anúncios de banner. Antes de enviar essas imagens, eles otimizam as imagens para serem baixadas e exibidas rapidamente em um navegador da web.

Veja como usar a ferramenta Salvar para a Web no Photoshop para obter o equilíbrio certo entre qualidade de imagem e tamanho de arquivo para suas imagens.

1. Abra a imagem que deseja salvar no Photoshop.

2. Selecione Imagem > Image Size. Ou, para PC, pressione Alt+Ctrl+I, para macOS, pressione Command+Option+I no teclado.

   

3. No campo Width, insira uma nova largura, selecione Pixels e selecione OK.

   Redimensione a foto para um tamanho pequeno que possa ser usado em um site.

   

4. Selecionar Arquivo > Export > Salvar para a Web (Legado). Ou use o atalho de teclado: Alt/Option+Command+Shift+S.

   Em outras versões do Photoshop, o caminho é File > Export > Save for Web. O item pode ser chamado Salvar para Web ou Salvar para Web e Dispositivos.

   

5. Na janela Salvar para a Web, vá para a janela Original, Otimizado,2-Up e 4-Up. Essas guias alternam entre a visualização da foto original, a foto otimizada com as configurações Salvar para a Web aplicadas a ela ou uma comparação de duas ou quatro versões da foto.

   Escolha 2-Up para comparar a foto original com a foto otimizada. Isso mostra cópias lado a lado da imagem.

   

6. Altere o valor Qualidade. À medida que você diminui a qualidade, a imagem parece mais turva e o tamanho do arquivo diminui. Arquivos menores significam páginas da Web com carregamento mais rápido.

   Encontre um meio termo entre o tamanho do arquivo e a qualidade. Uma qualidade entre 40 e 60 é uma boa faixa. Use os níveis de qualidade predefinidos (JPEG Médio, por exemplo) para economizar tempo.

   

7. Altere o tipo de arquivo, se necessário, para JPEG, GIF, PNG-8, PNG-24 ou WBMP.

   

8. Altere o tamanho da imagem, se necessário. Insira uma largura ou altura ou dimensione-a por porcentagem.

   Clique no ícone chain link para alterar a proporção da imagem. Caso contrário, insira uma largura ou altura diferente para alterar o outro valor proporcionalmente.

   

9. Os valores abaixo da visualização da imagem exibem o tipo de arquivo, tamanho e quanto tempo a imagem levará para abrir em um site. Esses números são atualizados conforme você faz alterações.

   

10. Quando estiver satisfeito com a foto, selecione Salvar.

    

11. Digite um nome para a foto e clique em Salvar.

    

O que torna um gráfico pronto para a Web?

A maioria dos gráficos prontos para web compartilham características comuns:

• A resolução é 72 dpi.
• Modo de cor é RGB.

• Os arquivos são reduzidos em tamanho para páginas da Web de carregamento mais rápido.