Se salvar uma foto na internet têm durado uma eternidade, saiba como solucionar esse problema com Save for Web!
Publicado originalmente na edição número 29 da revista Photoshop Creative.
O ato de salvar fotos ou desenhos para publicar na web exige um bom equilíbrio entre o tamanho do arquivo e a qualidade. Embora ninguém queira que imagens borradas apareçam em um site, quando um arquivo é salvo com uma qualidade desnecessariamente grande, seu tamanho fica maior e, assim, demorará muito a carregar. Uma imagem precisa de três coisas para estar apta à internet: deve ter 72 dpi (pontos por polegada), estar no modo de cor RGB e seu arquivo ter tamanho reduzido para garantir que a página possa ser carregada rapidamente.
E é aí que a ferramenta Save for Web do Photoshop vem a calhar. Com ela, você garante que suas imagens serão otimizadas e preparadas para a Web. Além de permitir salvar fotos ou imagens tão pequenas quanto possível sem perder muita qualidade, o recurso Save for Web garante que as cores adequadas sejam usadas em suas imagens. Dentro da janela de controle, você pode escolher entre diferentes tipos de arquivo (dependendo da complexidade da imagem) . Então, vamos começar dando uma olhada nos recursos desta poderosa ferramenta para garantir que suas imagens estarão na melhor forma para a Web.Otimize os JPEGs
As opções para otimizar arquivos PNG-24 e JPEG são semelhantes e fáceis de dominar. Neste exemplo, nós mostramos como salvar uma imagem em JPEG.
01 Selecione o formato
Abra a imagem que deseja salvar e clique em File > Save for Web & Devices. Neste caso, vamos salvar uma fotografi a, por isso escolha JPEG usando o menu de cortina Optimized fi le format.
.jpg)
02 Controle de qualidade
O deslizante Quality e o menu Compression Quality possibilitam mudar a compressão da imagem. Selecione um valor diferente ou mova o deslizante para alterar a qualidade e o tamanho do arquivo.
03 Truques
O deslizante Blur reduz tamanho do arquivo, porém, desfoca a imagem. A caixa Progressive cria imagens que são carregadas gradualmente, mas isso deixa o arquivo maior. Encontre um tamanho satisfatório e salve.
Formatos de arquivo para todos
Escolha o melhor formato para a tarefa
Os usuários do Photoshop podem escolher à vontade ao salvar para a Web, pois existem cinco formatos de arquivo diferentes para selecionar. A decisão depende do tipo e do conteúdo de sua imagem. A melhor opção para salvar uma foto ou imagem com detalhes e gradações é JPEG. O formato PNG-24 suporta cor de 24 bits e é uma boa alternativa aos JPEGs para fotos. Porém, texto ou imagens como logotipos, com um número de cores limitado, podem ser salvas como GIF. Os arquivos PNG-8 funcionam melhor para desenhos com poucas cores e, semelhante aos GIFs, podem ter apenas um máximo de 256 cores (8 bits). O formato menos usado WBMP (ou Wireless Bitmap) é otimizado para dispositivos como celulares. Ele não suporta cores ou escala de cinza, de forma que a imagem ficará em preto e branco.
Questão de cor
A importância da cor no tamanho dos arquivos
A ferramenta Save for Web do Photoshop garante que a imagem otimizada terá apenas cores seguras para a Web. Se você estiver salvando um logo ou uma ilustração como um GIF, uma paleta de cores pode ser encontrada sob a aba Colour Table. Use o Color Control para mudar o tamanho da paleta e, também, o número de cores usadas na imagem otimizada. Normalmente, cerca de 32 bastam para as imagens usadas em sites. Porém, se com 32 a imagem parecer confusa na visualização otimizada, aumente o número de cores para 64, 128 ou 256. Uma imagem com poucas cores pode ter uma paleta reduzida e, assim, um tamanho de arquivo bem menor.
DICA
Qualidade da Compressão
Agora que você sabe como alterar o ajuste Quality, analise sua imagem. Para os JPEGs, o ajuste Quality em cerca de 60 normalmente é o menor, e você pode conferir a imagem otimizada selecionando Medium ou High no menu Compression quality. Sua imagem será exibida na janela de visualização Optimized.
.jpg)
Muita vibração
Truquezinho para um arquivo menor
Ao salvar um PNG, GIF ou WBMP, há um menu Dither (acima da caixa Transparency para GIF e PNG). O Dithering adiciona um padrão de pontinhos a uma imagem para simular que ela é formada por mais cores. Isso permite que menos cores sejam usadas na paleta, reduzindo o tamanho do arquivo. As opções Diffusion e Noise produzem uma distribuição aleatória de pontos, Pattern faz isso em um padrão.
Perda de qualidade
Não pese a mão no Lossy
Lossy é um controle útil que remove parte dos detalhes da imagem ao se salvar arquivos GIF. Ele ajuda a reduzir ainda mais o tamanho do arquivo, acelerando o carregamento da imagem em um site. Porém, o deslizante deve ser usado com cautela, já que a qualidade também pode acabar severamente reduzida, criando uma imagem ruim. Um ajuste 0 não removerá nenhum detalhe, ao passo que praticamente serão perdidos se Lossy estiver no ajuste máximo de 100.
.jpg)
Comentar
Enviar
Compartilhar
Imprimir
