Como salvar imagens para a Web no Photoshop

01 - Abra seu arquivo de origem

Para começar, você precisa ir para Arquivo / Abrir para abrir seu arquivo. Pode ser em qualquer formato - jpg, gif, psd, png ou outros. Enquanto o Photoshop puder abri-lo, você poderá exibi-lo para a web.

02 - Salvando seu Arquivo para a Web

Vamos pular para salvar na Web, supondo que você tenha feito os ajustes necessários. Obviamente, se você precisar editar a imagem, faça isso primeiro e continue com essa etapa mais tarde.

Vá para Arquivo / Salvar para Web / Dispositivos e clique em. É a metade do menu suspenso.

Este processo não altera seu arquivo original. Você está criando um novo arquivo. Depois de concluir este tutorial e retornar à sua imagem original no Photoshop, você precisará salvar esse arquivo se tiver feito alterações nele. É importante nomear sua nova imagem de maneira diferente da original. Muitas vezes simplesmente adicionando _web ao nome do arquivo funcionará bem. (exemplo: filename_web.jpg)

03 - Ajustar a visualização de comparação para 2 para cima

Dependendo das suas configurações, talvez seja necessário ajustar a visualização aqui. O que você quer é uma comparação esquerda e direita da sua imagem. O lado esquerdo mostrará o original, o direito mostrará a qualidade da imagem nas configurações atuais.

Se você olhar ao longo da parte superior da janela, verá as seguintes opções: Original, Otimizado, 2 para cima, 4 para cima. Para a maioria das finalidades, 2-Up é o que você quer.

04 - Defina seu tamanho de visualização para 100%

Para garantir que você está vendo em 100%, marque a opção no canto inferior esquerdo da tela.

É importante lembrar que, se você visualizar sua imagem acima de 100%, ela parecerá granulada ou possivelmente indecifrável. Sempre trabalhe com a imagem em 100%.

05 - Escolhi Dimensões do Arquivo

As dimensões da web estão quase sempre em pixels (px). É importante manter as proporções corretas. Ao lado da caixa de imagem há uma pequena imagem de um elo da cadeia. O que isso faz é dimensionar a largura quando você ajusta a altura. Por exemplo, uma imagem com 600 x 400 pixels. Se você reduzir a largura para 300 px, o arquivo será dimensionado automaticamente para uma altura de 200 px. Se estiver desmarcada, a imagem ficará distorcida.

Você também tem a opção de dimensionar a imagem por porcentagens.

06 - Escolha o tipo de arquivo para exportação

Nesta opção, o tipo de arquivo original não importa. Você pode escolher o arquivo que precisar.

Nota: para iniciar o processo, você precisará clicar na imagem à direita. A imagem precisa ser selecionada para ser processada.

O mais comum é o jpg para a web - é o menor formato de arquivo, o que significa que ele é baixado mais rapidamente para os visitantes do seu site. Se você tiver transparência, escolha png-24. Se você não sabe o que significa transparência, você deve escolher o jpg.

07 - Escolha a qualidade da imagem

Cada uma das três opções de jpg (Alta, Média, Baixa) tem configurações de qualidade pré-definidas - que podem ser ajustadas manualmente. Se você está vendo em 100%, você pode decidir qual a qualidade que você precisa. Para ajustar o nível de zoom, consulte o Passo 5. A imagem ficará a mesma online como na janela de pré-visualização.

Se você escolheu algo diferente de jpg, você pode pular este passo.

08 - Salve seu arquivo

Depois de fazer os ajustes necessários, você estará pronto para salvar o arquivo. Clique em "Salvar" e escolha a pasta e o nome do arquivo que você deseja para essa nova imagem.

Parabéns! Seu novo arquivo está pronto para ser usado online.