Lar Mídia social Salve as imagens do Photoshop como GIF para dispositivos móveis e na Web - manequins

Salve as imagens do Photoshop como GIF para dispositivos móveis e na Web - manequins

Índice:

Vídeo: Como otimizar imagens e deixar seu site WordPress mais rápido | WordPress sem Código 2.14 2025

Vídeo: Como otimizar imagens e deixar seu site WordPress mais rápido | WordPress sem Código 2.14 2025
Anonim

Salvar arquivos para a web ou dispositivos móveis no Photoshop O Creative Suite 5 cria uma versão menor da sua imagem para que ela seja carregada rapidamente. A idéia é tornar a imagem tão pequena quanto possível, mantendo-a visualmente agradável.

Use o formato GIF se você tiver grandes áreas de cor sólida.

Uma imagem com muita cor sólida faz um bom GIF.

O formato GIF não é com perdas ( não perde dados quando o arquivo é compactado neste formato), mas reduz o tamanho do arquivo usando um número limitado de cores em uma tabela de cores. Quanto menor o número de cores, menor o tamanho do arquivo. Se você já trabalhou no modo de cores Índice, você está familiarizado com esse processo.

A transparência é suportada pelo formato de arquivo GIF. Geralmente, os arquivos GIF não fazem um bom trabalho em qualquer coisa que precisa de transições suaves de uma cor para outra, devido ao suporte fraco do formato de anti-aliasing , , que é o método que o Photoshop usa para Bordas irregulares e irregulares. Quando uma imagem transita de uma cor para outra, o Photoshop produz várias cores de pixels para criar uma mistura uniforme entre as duas cores.

Como o anti-aliasing precisa criar várias cores para esse efeito, os arquivos GIF geralmente não são recomendados. Na verdade, quando você reduz o tamanho de um GIF, você está mais apto a ver bandas (um artefato que aparece como riscas na imagem) porque o anti-aliasing não pode ocorrer com o limite Número de cores disponíveis no formato GIF.

Você pode, naturalmente, aumentar drasticamente o número de cores para criar uma transição mais suave, mas você corre o risco de criar arquivos de monstro que demoram para o download.

Salvar como GIF

Quando você escolhe Arquivo → Salvar para Web e Dispositivos, primeiro veja as opções de formato GIF disponíveis. Eles podem ser mais claros para você se você tiver uma imagem aberta (com muita cor sólida nele).

Para salvar um arquivo para a Web como um GIF, siga estas etapas:

  1. Escolha Arquivo → Salvar para Web e Dispositivos.

    A caixa de diálogo Salvar para Web e Dispositivos aparece.

  2. Na parte superior, clique na guia 2-Acima.

    Você vê a imagem original à esquerda e a imagem otimizada à direita (ou superior e inferior, dependendo das proporções da imagem).

    Na parte inferior do visor, você vê o tamanho do arquivo original em comparação com o tamanho otimizado do arquivo, bem como o tempo aproximado de download. O tempo de download é importante. A maioria das pessoas não espera mais de dez segundos para uma página da Web aparecer, então mantenha o tempo de download de cada imagem em cinco segundos ou menos.

    Altere a velocidade de download escolhendo no menu Visualizar (procure a seta no lado superior direito da caixa de diálogo Salvar para Web e Dispositivos).

  3. Escolha GIF 32 Não Dither na lista suspensa Preset.

    Você pode ver uma alteração já. O Photoshop fornece-lhe presets para escolher, ou você pode personalizar e salvar o seu próprio.

  4. Escolha se deseja que o dithering seja aplicado à imagem, selecionando uma opção na lista suspensa Especificar o Algoritmo Dither.

    Esta escolha é puramente pessoal. Como você pode estar limitando cores, o Photoshop pode usar dithering para misturar os pixels das cores disponíveis para simular as cores que faltam. Muitos designers escolhem a opção Não Dither porque o dithering pode criar manchas de cores não naturais em uma imagem.

    Escolha entre predefinições ou crie suas próprias configurações personalizadas.
  5. Se sua imagem estiver em uma camada transparente e você quiser manter essa transparência em uma página da Web, selecione a caixa de seleção Transparência.

Tabela de cores na caixa de diálogo Salvar para Web e Dispositivos

Quando você salva uma imagem no formato GIF usando a caixa de diálogo Salvar para Web e Dispositivos, você vê a tabela de cores para a imagem no lado direito da caixa de diálogo. A tabela de cores é importante porque não só permite ver as cores usadas na imagem, mas também permite que você personalize a tabela de cores usando as opções na parte inferior.

Você pode querer personalizar sua tabela de cores selecionando algumas cores para serem seguras e bloqueando as cores para que elas não sejam colididas, pois você reduz o número que é usado.

Para personalizar uma tabela de cores, siga estas etapas:

  1. Se sua imagem tiver apenas algumas cores que você deseja converter em cores seguras para a Web, escolha a ferramenta Eyedropper à esquerda da caixa de diálogo Salvar para Web e Dispositivos caixa e clique na cor na vista otimizada.

    A cor amostrada é destacada na tabela de cores.

  2. Clique no botão Safe da Web na parte inferior da tabela de cores.

    Quando você atravessa esse botão, aparece a dica de ferramenta Deslocando / Deslocamento de cores selecionadas para o painel da Web.

    Aparece um diamante, indicando que a cor agora é segura na web.

  3. Bloqueie as cores que você não deseja excluir, pois você reduz o número de cores na tabela de cores.

    Selecione uma cor com a ferramenta Eyedropper, ou escolha-a na tabela de cores e clique no botão Bloquear cor. Um quadrado branco aparece no canto inferior direito, indicando que a cor está bloqueada.

    Se você bloquear 32 cores e depois reduzir a tabela de cores para 24, algumas de suas cores bloqueadas serão excluídas. Se você optar por adicionar cores, essas cores bloqueadas são as primeiras a retornar.

    Personalizar cores usando a tabela de cores na janela Salvar para Web e Dispositivos.

Como é criada a tabela de cores? Com base no método de algoritmo de redução de cor que você escolhe, o recurso Salvar para Web e Dispositivos mostra o número de cores que você indica. Se a manutenção de cores na web segura for importante, selecione a opção Restrictiva (Web) para o método; se quiser que sua imagem fique melhor na maioria dos monitores, mas não necessariamente para ser segura na web, escolha a opção Adaptável.

  1. Use o menu suspenso Cores ou insira um número para adicionar ou excluir cores da tabela de cores.

  2. Se sua imagem usar a transparência, selecione a caixa de seleção Transparência perto da parte superior da caixa de diálogo Salvar para Web e Dispositivos.

    Lembre-se de que a transparência é contada como uma das suas cores na tabela de cores.

  3. Selecione a caixa de seleção Interlaced somente se sua imagem GIF for grande (25K ou maior).

    Selecionar esta opção faz com que a imagem seja criada em várias varreduras na página da Web - uma imagem de baixa resolução que aparece rapidamente e é atualizada com a imagem de resolução mais alta quando o download for concluído. Interlacing dá a ilusão do download ir mais rápido, mas torna o tamanho do arquivo maior, então use-o somente se necessário.

  4. Clique em Salvar.

    Agora, a imagem está pronta para ser anexada a uma mensagem de e-mail ou usada em uma página da web.

Salve as imagens do Photoshop como GIF para dispositivos móveis e na Web - manequins

Escolha dos editores

Dicas para direcionar seu filme digital - manequins

Dicas para direcionar seu filme digital - manequins

Como diretor, é seu trabalho levar o filme a vida através de da maneira como seus atores interpretam os personagens e como a equipe filme cada tiro. O diretor trabalha com os atores e a equipe para obter o melhor deles e certifique-se de que a história seja contada através do que eles fazem. Dirigindo seu ...

Dez Wedding DSLR Filmmaking Techniques - dummies

Dez Wedding DSLR Filmmaking Techniques - dummies

Usando sua DSLR para filmar um casamento geralmente reside no final oposto da peça criativa espectro de fazer seu filme de autor. Aqui estão os dez melhores aspectos que você precisa considerar para mantê-lo vivo ao capturar esse evento único na vida. Tenha o equipamento de vídeo certo Você não poderá fazer um casamento até ...

Dez dicas para filmes documentários DSLR - dummies

Dez dicas para filmes documentários DSLR - dummies

Um documentário é uma conta de filme de não ficção de um tópico. Para fazer seu documentário DSLR de qualquer comprimento e assunto em algo que as pessoas acham interessante, considere estas dez dicas. Conheça o tópico que pretende filmar Se você está fazendo um filme de duração de duas horas ou um vídeo on-line de dois minutos, você precisa ...

Escolha dos editores

Como lucrar com a mamãe Blogando sem vender - manequins

Como lucrar com a mamãe Blogando sem vender - manequins

Vender é um termo usado para comprometendo sua integridade, princípios ou moral para ganhar dinheiro ou sucesso. O problema é que, se todos tivessem os mesmos princípios e a definição de integridade, não haveria muita necessidade de diferentes partidos políticos ou religiões. As pessoas podem ser acusadas de vender se eles simplesmente fazem coisas como ...

Como usar corretamente palavras-chave para sua comunidade online - manequins

Como usar corretamente palavras-chave para sua comunidade online - manequins

Quando você tem uma boa idéia de os tipos de palavras-chave para usar em sua comunidade online, é hora de escrever o conteúdo para que pareça natural. Muitas pessoas pimenta palavras-chave liberalmente em torno de suas postagens de blog, artigos da web, sobre páginas e outros conteúdos, o que parece bobo e errado. Embora o uso de palavras-chave seja bom ...

Como colocar anúncios no seu blog - manequins

Como colocar anúncios no seu blog - manequins

Para obter anúncios no site do seu blog, os programas que você Inscreva-se para fornecer-lhe geralmente um pouco de código que você insere em seus modelos de site. Alguns programas têm instruções passo-a-passo para pacotes populares de software de blog, mas esteja ciente de que você também precisará consultar a documentação do seu blog para obter ajuda com ...

Escolha dos editores

Exibindo Números como palavras no Excel - manequins

Exibindo Números como palavras no Excel - manequins

Se você já precisou exibir um número escrito como texto , você provavelmente descobriu que o Excel não oferece essa função. Quando o Excel não entrega, muitas vezes é possível corrigir a deficiência usando o VBA. Aqui está uma função VBA, denominada SPELLDOLLARS, que você pode usar nas fórmulas da planilha. Exemplos de Excel Aqui estão ...

Determinando a audiência para seu modelo financeiro - manequins

Determinando a audiência para seu modelo financeiro - manequins

Que estará visualizando ou usando seu modelo financeiro no futuro ? Se for apenas para seu próprio uso, você ainda deve seguir um bom modelo de design, mas não há necessidade de passar muito tempo na formatação para que pareça legal. Você ainda deve adicionar suposições e documentação de origem para o seu próprio ...

Eliminando células e dados no Excel 2007 - dummies

Eliminando células e dados no Excel 2007 - dummies

No Microsoft Office Excel 2007, quando você precisa excluir dados , remova a formatação em uma seleção de célula ou remova células inteiras, linhas ou colunas, você tem muitas opções dependendo do seu objetivo. O Excel pode executar dois tipos de exclusões de células em uma planilha: limpar dados de células e excluir a célula. Limpar o conteúdo da célula Limpar apenas ...