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.
- Abra a imagem que deseja salvar no Photoshop.
-
Selecione Imagem > Image Size. Ou, para PC, pressione Alt+Ctrl+I, para macOS, pressione Command+Option+I no teclado.
Image -
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.
Image -
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.
Image -
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.
Image -
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.
Image -
Altere o tipo de arquivo, se necessário, para JPEG, GIF, PNG-8, PNG-24 ou WBMP.
Image -
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.
Image -
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.
Image -
Quando estiver satisfeito com a foto, selecione Salvar.
Image -
Digite um nome para a foto e clique em Salvar.
Image
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.
