Formatos de elementos gráficos da Web

Os formatos de elementos gráficos da Web podem ser bitmap (rasterizado) ou vetorial. Os formatos bitmap — GIF, JPEG, PNG e WBMP — são dependentes da resolução, ou seja, as dimensões de uma imagem de bitmap e, possivelmente, a qualidade da imagem, serão alteradas em diferentes resoluções de monitor. Os formatos vetoriais(SVG e SWF) não dependem da resolução e podem ser ampliados ou reduzidos sem perdas na qualidade da imagem. Os formatos vetoriais podem também incluir dados rasterizados. 

Opções de otimização JPEG

JPEG é o formato padrão para a compactação de imagens de tons contínuos, como fotografias. A otimização de uma imagem para o formato JPEG baseia-se na compactação com perdas, que descarta os dados seletivamente.

Configurações de otimização A. Menu de formato de arquivo B. Menu de qualidade de compressão C. Menu de otimização

Qualidade

Determina o nível de compactação. Quanto maior a configuração de Qualidade, maior a quantidade de detalhes preservados pelo algoritmo de compactação. Entretanto, usar uma configuração de alta qualidade gera um arquivo maior do que se for usada uma configuração de baixa qualidade. Visualize a imagem otimizada com várias configurações de qualidade para determinar o melhor equilíbrio entre qualidade e tamanho de arquivo.

Otimizado

Cria um JPEG otimizado com um arquivo levemente menor. O formato JPEG otimizado é recomendado para se obter a maior compactação possível do arquivo, mas alguns navegadores mais antigos não aceitam esse recurso.

Progressivo

Exibe progressivamente a imagem no navegador da Web. A imagem aparece como uma série de sobreposições, permitindo que os usuários visualizem uma versão da imagem em baixa resolução antes da conclusão do download. A opção Progressivo requer o uso do formatoFormato JPEG otimizado. 

Observação:

JPEGs progressivos requerem mais memória RAM para serem visualizados e não são compatíveis com alguns navegadores.

Desfoque

Especifica a intensidade de desfoque a ser aplicado à imagem. Esta opção aplica um efeito idêntico ao do filtro Desfoque gaussiano e permite que o arquivo seja mais compactado, resultando em um tamanho do arquivo menor. Recomenda-se uma configuração de 0,1 a 0,5.

Incorporar perfil de cores (Photoshop) ou Perfil ICC (Illustrator)

Preserva os perfis de cores no arquivo otimizado. Alguns navegadores usam perfis de cores para correção de cores.

Fosco

Especifica uma cor de preenchimento para pixels que eram transparentes na imagem original. Clique na amostra de cor Fosco para selecionar uma cor no seletor de cores ou selecione uma opção do menu Fosco: Cor do conta-gotas (para usar a cor na caixa de amostra do conta-gotas), Cor do primeiro plano,Cor do fundo, Branco, Preto ou Outro (para usar o seletor de cores).

Os pixels que eram totalmente transparentes na imagem original são preenchidos com a cor selecionada, enquanto os pixels que eram parcialmente transparentes na imagem original são mesclados com a cor selecionada.

Opções de otimização GIF e PNG-8

GIF é o formato padrão para compactação de imagens com cores uniformes e detalhes bem definidos, como linha de arte, logotipos ou ilustrações com texto. Da mesma forma que o formato GIF, o PNG-8 compacta eficientemente áreas sólidas de cor, preservando detalhes de nitidez.

Os arquivos PNG-8 e GIF têm suporte a cores de 8 bits, podendo exibir até 256 cores. O processo de determinar as cores a serem usadas chama-se indexação; por isso as imagens nos formatos GIF e PNG-8 às vezes são chamadas de imagens em cores indexadas. Para converter uma imagem em cores indexadas, uma tabela de busca de cores é criada para armazenar e indexar as cores na imagem. Se uma das cores da imagem original não aparece na tabela de busca de cores, o aplicativo escolhe a mais próxima na tabela ou simula essa cor usando uma combinação das cores disponíveis.

Além das opções a seguir, também é possível ajustar o número de cores na tabela de cores da imagem. Consulte Personalização da tabela de cores para imagens GIF e PNG-8.

Perda (somente para GIF)

Reduz o tamanho do arquivo descartando dados seletivamente. Uma configuração mais alta de Perda resulta no descarte de mais dados. É possível aplicar um valor de Perda de 5% a 10% e, algumas vezes, de até 50% sem prejudicar a imagem. A opção Perda pode reduzir o tamanho do arquivo de 5% a 40%.

Observação:

Não é possível usar a opção Perda com a opção Entrelaçado ou com os algoritmos de Ruído ou Pontilhamento padrão.

Método de Redução de Cor e Cores

Especifica um método para gerar a tabela de busca de cores e o número desejado de cores na tabela. Selecione um dos seguintes métodos de redução de cor:

Perceptivo: cria uma tabela personalizada de cores, dando prioridade a cores às quais o olho humano é mais sensível.

Seletivo: cria uma tabela de cores semelhante à tabela de cores Perceptual, mas que favorece áreas amplas de cores e a preservação de cores da Web. Geralmente, essa tabela de cores produz imagens com a maior integridade de cores. Seletivo é a opção padrão.

Adaptável cria uma tabela de cores personalizada, obtendo amostras das cores do espectro predominante na imagem. Por exemplo, uma imagem contendo apenas as cores azul e verde produz uma tabela de cores formada principalmente de azuis e verdes. A maioria das imagens concentra cores em áreas específicas do espectro.

Restrito (Web): Usa a tabela de cores padrão de 216 cores, comum às paletas de 8 bits (256 cores) do Windows e do Mac OS. Esta opção garante que nenhum pontilhamento do navegador seja aplicado às cores quando a imagem é exibida usando cores de 8 bits. (Esta paleta também é denominada paleta segura para a Web.) A paleta da Web pode criar arquivos maiores e é recomendada somente quando a prioridade é evitar o pontilhamento do navegador.

Personalizado: usa uma paleta de cores criada ou modificada pelo usuário. Quando se abre um arquivo GIF ou PNG-8 existente, ele tem uma paleta de cores personalizada.

Observação:

Use a paletaPara personalizar a tabela de busca de valores, use a paleta de Tabela de cores da caixa de diálogo Salvar para a Web e dispositivos.

Preto-e-branco, Tons de cinza, Mac OS, Windows : usam uma paleta de cores definida.

Método de pontilhamento e pontilhado

Determina o método e a intensidade da aplicação do pontilhamento. O pontilhamento refere-se ao método de simulação de cores não disponíveis no sistema de exibição de cores do computador. Uma porcentagem maior de pontilhamento cria a aparência de mais cores e detalhes em uma imagem, mas também pode aumentar o tamanho do arquivo. Para obter a compactação ideal, utilize a menor porcentagem de pontilhamento que forneça os detalhes de cor desejados. Imagens contendo principalmente cores sólidas podem funcionar bem sem pontilhamento. Já as imagens com cor de tom contínuo (principalmente degradês de cor) podem requerer pontilhamento para evitar bandas de cor.

Imagem GIF com pontilhamento de 0% (à esquerda) e com pontilhamento de 100% (à direita)

Selecione um dos seguintes métodos de pontilhamento:

Difusão: aplica um padrão aleatório, geralmente menos perceptível do que o pontilhamento Padrão. Os efeitos do pontilhamento são difundidos entre os pixels adjacentes.

Padrão: utiliza um padrão de quadrados de meio-tom para simular todas as cores que não estejam na tabela de cores.

Ruído: aplica um padrão aleatório semelhante ao método de pontilhamento por Difusão, mas sem difundir o padrão pelos pixels adjacentes. O método de pontilhamento de Ruído não apresenta interrupções.

Transparência e fosco

Determina como serão otimizados os pixels transparentes da imagem.

  • Para tornar os pixels totalmente transparentes e mesclar pixels parcialmente transparentes com uma cor, selecione Transparência e selecione uma cor fosca.

  • Para preencher pixels totalmente transparentes com a cor selecionada e mesclar pixels parcialmente transparentes com a mesma cor, selecione uma cor fosca e cancele a seleção de Transparência.

  • Para selecionar uma cor fosca, clique na amostra de cor Fosco e selecione uma cor no seletor de cores. Também é possível selecionar uma opção do menu Fosco: Cor do conta-gotas (para usar a cor na caixa de amostra do conta-gotas), Cor do primeiro plano, Cor do fundo, Branco, Preto ou Outro (para usar o seletor de cores).

Observação:

As opções Cor do primeiro plano e Cor do fundo estão disponíveis somente no Photoshop.

Exemplos de transparência e fosco

A. Imagem original B. Transparência selecionada com uma cor fosca C. Transparência selecionada sem resíduos D. Transparência não selecionada com uma cor fosca

Pontilhamento de transparência

Quando a opção Transparência está selecionada, é possível escolher um método de pontilhamento de pixels parcialmente transparentes:

  • A opção Sem pontilhamento de transparência não aplica pontilhamento a pixels parcialmente transparentes na imagem.

  • Pontilhamento de transparência de difusão aplica um padrão aleatório, geralmente menos perceptível do que o pontilhamento padrão. Os efeitos do pontilhamento são difundidos entre os pixels adjacentes. Se selecionar este algoritmo, especifique uma porcentagem de Pontilhamento para controlar a quantidade de pontilhamento aplicada à imagem.

  • Pontilhamento de Transparência Padrão aplica um padrão de quadrados de meio-tom a pixels parcialmente transparentes.

  • Pontilhamento de transparência de ruído aplica um padrão aleatório semelhante ao algoritmo Por Difusão, mas sem difundir o padrão pelos pixels adjacentes. Com o algoritmo de Ruído, não aparecem interrupções.

Exemplo de pontilhamento de Transparência padrão (à esquerda) e aplicado a um fundo de página da Web (à direita)

Entrelaçar

Exibe uma versão da imagem em baixa resolução no navegador enquanto o arquivo completo da imagem está sendo transferido por download. O entrelaçamento pode fazer com que o tempo de download pareça menor e pode garantir aos usuários que o download está em andamento. Entretanto, o entrelaçamento também aumenta o tamanho do arquivo.

Ajuste à Web

Especifica um nível de tolerância no deslocamento de cores para os equivalentes mais próximos da paleta da Web (e evita o pontilhamento das cores em um navegador). Um valor mais alto desloca mais cores.

Otimização da transparência em imagens GIF e PNG

A transparência permite a criação de imagens não retangulares para a Web. A transparência do fundo preserva pixels transparentes na imagem. Isso permite que o fundo da página da Web seja mostrado por meio das áreas transparentes da imagem. A aparência fosca do fundo simula a transparência preenchendo ou misturando pixels transparentes com uma cor fosca, que pode corresponder ao fundo da página da Web. A aparência fosca do fundo funcionará melhor se o fundo da página da Web for uma cor sólida e se você souber qual é essa cor.

Use as opções Transparência e Fosco na caixa de diálogo Salvar Para a Web e dispositivos para especificar como os pixels transparentes em imagens GIF e PNG são otimizados.

  • (GIF e PNG-8) Para tornar os pixels totalmente transparentes e mesclar pixels parcialmente transparentes com uma cor, selecione Transparência e selecione uma cor fosca.
  • Para preencher pixels totalmente transparentes com a cor selecionada e mesclar pixels parcialmente transparentes com a mesma cor, selecione uma cor fosca e cancele a seleção de Transparência.
  • (GIF e PNG-8) Para tornar todos os pixels com transparência maior do que 50% totalmente transparentes e todos os pixels com 50% ou menos de transparência totalmente opacos, selecione Transparência e selecione Nenhum no menu Fosco.
  • (PNG-24) Para salvar uma imagem com transparência em vários níveis (até 256 níveis), selecione Transparência. Como a transparência em vários níveis permite que uma imagem seja misturada a qualquer cor de fundo, a opção Fosco fica desativada.

Observação:

Em navegadores que não oferecem suporte à transparência PNG-24, os pixels transparentes podem ser visualizados em contraste com uma cor padrão de fundo, como o cinza.

Para selecionar uma cor fosca, clique na amostra de cor Fosco e selecione uma cor no seletor de cores. Também é possível selecionar uma opção do menu Fosco: Cor do conta-gotas (para usar a cor na caixa de amostra do conta-gotas), Cor do primeiro plano, Cor do fundo, Branco, Preto ou Outro (para usar o seletor de cores).

Observação:

As opções Cor do primeiro plano e Cor do fundo estão disponíveis somente no Photoshop.

Visualização da tabela de cores de uma fatia otimizada

A tabela de cores de uma fatia aparece no painel Tabela de cores da caixa de diálogo Salvar para a Web e dispositivos.

 Selecione uma fatia otimizada em formato GIF ou PNG-8. A tabela de cores da fatia selecionada é exibida na tabela de cores Salvar para a Web e dispositivos.

Se a imagem contém várias fatias, as cores da tabela podem variar entre as fatias (para evitar isso, vincule-as primeiro). Quando várias fatias que usam tabelas de cores diferentes são selecionadas, a tabela de cores fica vazia e a barra de status exibe a mensagem “Misturado”.

Personalização da tabela de cores para imagens GIF e PNG-8

Use a paleta Tabela de cores na caixa de diálogo Salvar para a Web e dispositivos para personalizar as cores em imagens GIF e PNG-8 otimizadas. Geralmente, a redução no número de cores preserva a qualidade da imagem, reduzindo o tamanho do arquivo.

É possível adicionar e excluir cores da tabela de cores, deslocar as cores selecionadas para a cores seguras para Web e bloquear as cores selecionadas para evitar que sejam retiradas da paleta.

Classificação de uma tabela de cores

Escolha uma ordem de classificação no menu da paleta Menu da paleta Tabela de cores:

  • A opção Não classificar restaura a ordem de classificação original.
  • Classificar por matiz classifica pela localização da cor no disco de cores padrão (indicada por um grau entre 0 e 360). Cores neutras têm matiz igual a 0 e ficam junto às vermelhas.
  • A opção Classificar por luminância classifica pela luminosidade ou brilho de uma cor.
  • A opção Classificar por popularidade classifica pela frequência de exibição das cores na imagem.

Adição de uma nova cor à tabela de cores

É possível adicionar cores não incluídas no momento da criação da tabela de cores. A adição de uma cor a uma tabela dinâmica desloca na paleta a cor mais próxima da nova cor. A adição de uma cor a uma tabela fixa ou Personalizada acrescenta uma cor à paleta.

  1. Se, no momento, as cores estiverem selecionadas na tabela de cores, escolha Cancelar seleção de todas as cores no menu da paleta Tabela de cores para cancelar a sua seleção.

  2. Escolha uma cor seguindo um destes procedimentos:

    • Clique na caixa Cor do conta-gotas na caixa de diálogo Salvar para a Web e dispositivos e escolha uma cor no seletor de cores.

    • Selecione a ferramenta Conta-gotas na caixa de diálogo Salvar para a Web e dispositivos e clique na imagem.

  3. Siga um destes procedimentos:

    • Clique no botão Nova cor  na tabela de cores.

    • Selecione Nova cor no menu da paleta Tabela de cores.

    • Para mudar a tabela de cores para uma paleta Personalizada, mantenha a tecla Ctrl (Windows) ou Command (Mac OS) pressionada enquanto adiciona a nova cor.

      A nova cor será exibida na tabela de cores com um pequeno quadrado branco no canto inferior direito, indicando que a cor está bloqueada. Se a tabela de cores for dinâmica, a cor original será exibida no lado superior esquerdo e a nova será exibida no lado inferior direito.

       

Seleção de cores na tabela de cores

Uma borda branca é exibida em torno das cores selecionadas na Tabela de cores.

  • Para selecionar uma cor, clique na cor na Tabela de cores.
  • Para selecionar várias cores na tabela de cores, pressione Shift e clique em outra cor. São selecionadas todas as cores nas linhas entre a primeira e a segunda cor selecionada. Para selecionar um grupo de cores não adjacentes, pressione Ctrl (Windows) ou Command (Mac OS) e clique em cada cor que deseja selecionar. O menu da paletaO menu da paleta Tabela de cores também oferece comandos para selecionar cores.
  • Para selecionar uma cor na imagem de visualização, clique na visualização com a ferramenta Conta-gotas, em Salvar para a Web e dispositivos. Pressione Shift e clique para selecionar cores adicionais.
  • Para cancelar a seleção de todas as cores, escolha Cancelar seleção de todas as cores no menu da paleta Tabela de cores.

Deslocamento de uma cor

É possível alterar uma cor selecionada na tabela de cores para qualquer outro valor de cor RGB. Quando se regenera a imagem otimizada, a cor selecionada é alterada para a nova cor, independentemente de onde apareça na imagem.

  1. Clique duas vezes na cor da tabela para exibir o seletor de cores padrão.

  2. Selecione uma cor.

    A cor original é exibida no lado superior esquerdo da amostra de cor e a nova cor, no lado inferior direito. O pequeno quadrado no lado inferior direito da amostra de cor indica que a cor está bloqueada. Se uma cor segura para a Web é deslocada, um pequeno losango branco é exibido no centro da amostra.

  3. Para voltar a cor deslocada à cor original, execute uma destas ações:

    • Clique duas vezes na amostra da cor deslocada. A cor original é selecionada no seletor de cores. Clique em OK para restaurá-la.

    • Para reverter todas as cores deslocadas em uma tabela de cores (inclusive as cores deslocadas para a Web), escolha Cancelar deslocamento de todas as cores no menu da paleta Menu da paleta Tabela de cores.

Deslocamento de cores para o equivalente mais próximo da paleta da Web

Para proteger as cores contra pontilhamento em um navegador, desloque as cores para seus equivalentes mais próximos na paleta da Web. Isso garante que as cores não fiquem pontilhadas quando exibidas em navegadores dos sistemas operacionais Windows ou Macintosh que só possam mostrar 256 cores.

  1. Selecione uma ou mais cores na imagem otimizada ou na tabela de cores.

  2. Siga um destes procedimentos:

    • Clique no botão Deslocamento para a Web na paleta Tabela de cores.

    • Escolha Deslocar/Não deslocar cores selecionadas da/para a Paleta da Web, no menu da paleta Tabela de cores. A cor original aparece no lado superior esquerdo da amostra de cores e a nova cor, no lado inferior direito. O pequeno losango branco  no centro da amostra de cores indica que a cor é segura para a Web; o pequeno quadrado no lado inferior direito da amostra de cores indica que a cor está bloqueada.

  3. Para definir uma tolerância para o deslocamento, insira um valor para Ajuste à Web. Um valor mais alto desloca mais cores.

  4. Para voltar às cores deslocadas da Web, siga um destes procedimentos:

    • Selecione uma cor deslocada da Web na tabela de cores e clique no botão Botão Deslocamento para a Web na  paleta Tabela de cores.

    • Para reverter todas as cores deslocadas na tabela de cores, escolha Não deslocar todas as cores, no menu da paleta Tabela de cores.

Mapeamento de cores para a transparência

É possível adicionar transparência a uma imagem otimizada, mapeando as cores existentes para transparência.

  1. Selecione uma ou mais cores na imagem otimizada ou na tabela de cores.

  2. Siga um destes procedimentos:

    • Clique no botão Mapear transparência  na paleta Tabela de cores.

    • Escolha Mapear/Não mapear cores selecionadas de/para transparentes, no menu da paleta Tabela de cores.

      Uma grade de transparência  é exibida na metade de cada cor mapeada. O pequeno quadrado no lado inferior direito da amostra de cor indica que a cor está bloqueada.

  3. Para voltar a transparência à cor original, siga um destes procedimentos:

    • Selecione as cores que serão revertidas e clique no botãoBotão Mapear transparência  ou escolha Mapear/desmapear cores selecionadas para/de Transparente, no menu da paleta Tabela de cores.

    • Para reverter todas as cores mapeadas para transparência, escolha Cancelar o mapeamento de todas as cores transparentes.

Bloqueio ou desbloqueio de uma cor

As cores selecionadas na tabela podem ser bloqueadas para evitar que sejam retiradas quando o número de cores for reduzido e que fiquem pontilhadas no aplicativo.

Observação:

Bloquear cores não evita que elas fiquem pontilhadas em um navegador.

  1. Selecione uma ou mais cores na tabela de cores.

  2. Bloqueie a cor seguindo um destes procedimentos:

    • Clique no botão Bloquear.

    • Escolha Bloquear/Desbloquear cores selecionadas no menu da paleta Tabela de cores. 

    Um quadrado branco  é exibido no canto inferior direito de cada cor bloqueada.

  3. Desbloqueie a cor seguindo um destes procedimentos:

    • Clique no botão Bloquear .

    • Escolha Bloquear/Desbloquear cores selecionadas no menu da paleta Tabela de cores.

    O quadrado branco desaparece da amostra de cor.

Exclusão de cores selecionadas

É possível excluir cores selecionadas da tabela de cores para diminuir o tamanho do arquivo de imagem. Quando uma cor é excluída, é aplicado novo acabamento às áreas da imagem otimizada que anteriormente continham a cor excluída, usando a cor mais próxima remanescente na paleta.

Quando uma cor é excluída, a tabela de cores muda automaticamente para uma paleta Personalizada. Isso ocorre porque as paletas Adaptável, Perceptivo e Seletivo adicionam automaticamente a cor excluída de volta à paleta quando a imagem é otimizada novamente. A paleta Personalizada não se altera quando a imagem é otimizada novamente.

  1. Selecione uma ou mais cores na tabela de cores.

  2. Exclua a cor seguindo um destes procedimentos:

    • Clique no ícone Excluir .

    • Escolha Excluir cor no menu da paleta Tabela de cores. 

Salvar uma tabela de cores

Pode-se salvar tabelas de cores de imagens otimizadas para uso com outras imagens e para carregar tabelas de cores criadas em outros aplicativos. Depois que uma nova tabela de cores é carregada em uma imagem, as cores da imagem otimizada são alteradas para refletir as cores da nova tabela de cores.

  1. Escolha Salvar Tabela de cores no menu da paleta Tabela de cores.

  2. Atribua um nome à tabela de cores e escolha o local onde ela será salva. Por padrão, o arquivo da tabela de cores recebe a extensão .act (acrônimo de Tabela de cores da Adobe).

    Se quiser acessar a tabela de cores ao selecionar as opções de Otimização para uma imagem GIF ou PNG, salve a tabela de cores na pasta Cores otimizadas, na pasta do aplicativo Photoshop.

  3. Clique em Salvar.

    Observação:

    Quando a tabela for recarregada, todas as cores deslocadas serão exibidas como amostras completas e serão desbloqueadas.

Carregamento de uma tabela de cores

  1. Selecione Carregar Tabela de cores no menu da paleta Tabela de cores.

  2. Navegue até o arquivo que contém a tabela de cores que deseja carregar — um arquivo de Tabela de cores da Adobe (.act), um arquivo de Amostra de cor da Adobe (.aco) ou um arquivo GIF (para carregar a tabela de cores incorporada do arquivo).

  3. Clique em Abrir.

Opções de otimização PNG-24

O PNG-24 é adequado para a compactação de imagens de tons contínuos; entretanto, gera arquivos muito maiores do que o formato JPEG. A vantagem de usar o PNG-24 é que ele pode preservar até 256 níveis de transparência em uma imagem.

Transparência e fosco

Determine como serão otimizados os pixels transparentes da imagem. Consulte Otimização da transparência em imagens GIF e PNG.

Entrelaçar

Exibe uma versão da imagem em baixa resolução no navegador enquanto o arquivo completo da imagem está sendo transferido por download. O entrelaçamento pode fazer com que o tempo de download pareça menor e pode garantir aos usuários que o download está em andamento. Entretanto, o entrelaçamento também aumenta o tamanho do arquivo.

Opções de otimização WBMP

O WBMP é o formato padrão de otimização de imagens para dispositivos móveis, como celulares, oferecendo suporte a cores de 1 bit, ou seja, imagens WBMP que contêm apenas pixels em branco e preto.

O algoritmo de pontilhamento e a porcentagem determinam o método e a intensidade do pontilhamento do aplicativo. Para obter a aparência ideal, use a menor porcentagem de pontilhamento que forneça os detalhes desejados.

Selecione um dos seguintes métodos de pontilhamento:

Sem pontilhamento

Não aplica nenhum pontilhamento, renderizando a imagem em pixels puramente pretos e puramente brancos.

Difusão

Aplica um padrão aleatório, geralmente menos perceptível do que o pontilhamento Padrão. Os efeitos do pontilhamento são difundidos entre os pixels adjacentes. Caso selecione esse algoritmo, especifique uma porcentagem de Pontilhamento para controlar a quantidade de pontilhamento aplicada à imagem.

Observação:

o pontilhamento por Difusão pode fazer com que interrupções visíveis apareçam nos limites das fatias. Vincular as fatias difunde o padrão de pontilhamento em todas as fatias vinculadas e elimina as interrupções.

Padrão

Aplica um padrão de quadrados de meio-tom para determinar o valor dos pixels.

Ruído

Aplica um padrão aleatório semelhante ao método de pontilhamento por Difusão, mas sem difundir o padrão pelos pixels adjacentes. Com o algoritmo de Ruído, não aparecem interrupções.

Opções de otimização SWF (Illustrator)

O formato de arquivo Adobe Flash (SWF) é um formato de arquivo de elementos gráficos com base em vetores, projetado para a criação de elementos gráficos dimensionáveis e compactos para a Web. Como o formato do arquivo é baseado em vetor, a arte-final mantém a qualidade da imagem em qualquer resolução. O formato SWF é ideal para a criação de quadros de animação, mas também é possível salvar nesse formato imagens rasterizadas ou misturar gráficos rasterizados e vetoriais.

Predefinição

Especifica o conjunto de opções pré-configurado que deseja usar para exportação. É possível criar novas predefinições configurando as opções conforme desejado e escolhendo Salvar configurações no menu Painel. (Para abrir o menu do painel, clique no triângulo à direita do menu Predefinição.)

Versão do Flash Player

Especifica a versão anterior do Flash Player compatível com o arquivo exportado.

Tipo de exportação

Determina como as camadas são exportadas. Selecione o Arquivo AI para Arquivo SWF para exportar a arte-final para um único quadro. Selecione Camadas para quadros SWF para exportar a arte-final em cada camada para um quadro SWF separado, criando um SWF animado.

Observação:

Selecione Arquivo AI para Arquivo SWF para preservar as máscaras de corte de camadas.

Qualidade de curvas

Especifica a precisão das curvas de Bézier. Um número baixo reduz o tamanho do arquivo exportado com uma pequena perda na qualidade da curva. Um número maior aumenta a precisão da reprodução da curva de Bézier, mas resulta em um tamanho de arquivo maior.

Taxa de quadros

Especifica a taxa na qual a animação será reproduzida em um visualizador Flash. Essa opção só está disponível para Camadas para quadros SWF.

Loop

Faz com que a animação seja repetida continuamente, em vez de ser reproduzida uma vez e, em seguida, parar, quando reproduzida em um visualizador Flash. Essa opção está disponível apenas para Camadas para quadros SWF.

Preservar aparência

Amplia os traços em preenchimentos com forma de linha e nivela qualquer modo de mistura e transparência não suportados por SWF.

Preservar capacidade de edição

Converte traços em traços SWF e aproxima ou ignora a transparência não compatível com SWF.

Observação:

O SWF oferece suporte apenas à opacidade no nível do objeto.

Observação:

Use o comando Exportar em vez se Salvar para a Web e dispositivos para manter a ordem de empilhamento da imagem exportando cada camada para um arquivo SWF separado. Em seguida, importe os arquivos SWF exportados simultaneamente para o Adobe Flash.

Compactado

Compacta o arquivo exportado.

Proteger arquivo

Protege o arquivo para que não seja possível importá-lo com outros aplicativos diferentes do Flash.

Texto como contorno

Converte todo o texto em contorno para manter a aparência. Se desejar editar o texto no Flash, não selecione essa opção.

Opções de otimização SVG (Illustrator)

SVG é um formato vetorial que descreve imagens como formas, demarcadores, texto e efeitos de filtro. Os arquivos resultantes são compactos e fornecem elementos gráficos de alta qualidade na Web, impressos, e até mesmo em dispositivos portáteis, com recursos restritos.

Compactado

Cria um arquivo SVG Compactado (SVGZ).

Perfis SVG

Especifica a Definição de tipo de documento SVG XML para o arquivo exportado.

SVG 1.0 e SVG 1.1 Adequado para arquivos SVG que serão visualizados em um computador de mesa. SVG 1.1 é a versão completa da especificação SVG, da qual SVG Tiny 1.1, SVG Tiny 1.1 Plus, SVG Tiny 1.2 e SVG Basic 1.1 são subconjuntos.

SVG Basic 1.1 Adequado para arquivos SVG que serão visualizados em dispositivos de capacidade média, como computadores de mão. Lembre-se de que nem todos os computadores de mão oferecem suporte para o arquivo SVG Basic. Como resultado, a seleção dessa opção não garante que o arquivo SVG será visualizável em todos os computadores de mão. O SVG Basic não oferece suporte para o corte não retangular e alguns efeitos do filtro SVG.

SVG Tiny 1.1 e SVG Tiny 1.1+ apropriado para que os arquivos SVG sejam vistos em dispositivos pequenos, tais como celulares. Lembre-se de que nem todos os celulares oferecem suporte aos perfis SVG Tiny e SVG Tiny Plus. Como resultado, a seleção dessas opções não garante que o arquivo SVG será visualizável em todos os dispositivos pequenos.

SVG Tiny 1.2 Adequado para arquivos SVG que serão visualizados em vários dispositivos desde PDAs e celulares até laptops e computadores de mesa.
O SVG Tiny não oferece suporte a gradientes, transparências, cortes, máscaras, símbolos ou efeitos do filtro SVG. O SVG Tiny Plus inclui a capacidade de exibir gradientes e transparência, mas não oferece suporte a cortes, máscaras, símbolos ou efeitos do filtro SVG.

Observação:

Para obter informações adicionais sobre os perfis SVG, consulte a especificação SVG no site do W3C (World Wide Web Consortium) (www.w3.org).

Decimais

Determina a precisão dos dados vetoriais no arquivo SVG. É possível definir um valor de 1 a 7 casas decimais. Um valor alto resulta em um arquivo maior e mais qualidade de imagem.

Sublistagem de fontes

Controla os glifos que são incorporados a partir do arquivo SVG. Selecione Nenhum, no menu Sublistagem, se puder confiar nas fontes necessárias instaladas em sistemas do usuário final. Selecione Apenas Glifos usados para incluir apenas glifos para o texto existente na arte-final atual. Os outros valores (Inglês comum, Inglês comum + Glifos usados, Romano comum, Romano comum + Glifos usados, Todos os glifos) são úteis quando o conteúdo textual do arquivo SVG é dinâmico (como texto gerado por servidor ou texto interativo com o usuário).

Tipo de fonte

Especifica como as fontes são exportadas.

Adobe CEF: usa dicas sobre a fonte para renderizar melhor as fontes pequenas. Esse tipo de fonte recebe suporte do Adobe SVG Viewer, mas pode não receber suporte de outros visualizadores SVG.

SVG Não use dicas de fonte. Esse tipo de fonte recebe suporte de todos os visualizadores SVG.

Converter em contornos converte o tipo em demarcadores de vetor. Use essa opção para preservar a aparência visual do tipo em todos os Visualizadores SVG.

Local da imagem

Especifica se as imagens devem ser incorporadas ou vinculadas. Incorporar imagens aumenta o tamanho do arquivo, mas garante que as imagens rasterizadas estejam sempre disponíveis.

Propriedades CSS

Determina como os atributos do estilo CSS são salvos no Código SVG. O método padrão, Atributos de apresentação, aplica propriedades no ponto mais alto na hierarquia, o que permite que a maior flexibilidade para edições e transformações específicas. O método Atributos de estilo cria a maioria dos arquivos legíveis, mas pode aumentar o tamanho do arquivo. Escolha esse método se o código SVG for usado em transformações — por exemplo, transformações que usam o XSLT (Extensible Stylesheet Language Transformation). O método Referências de entidade resulta em tempos de renderização mais curtos e tamanho de arquivo SVG reduzido. O método Elemento de estilo é usado quando os arquivos são compartilhados com documentos HTML. A seleção desse método permite que você modifique o arquivo SVG para mover um elemento de estilo para um arquivo externo de folha de estilos também indicado pelo arquivo HTML. No entanto, a opção Elementos de estilo também resulta em menores velocidades de renderização.

Codificação

Determina como os caracteres são codificados no arquivo SVG. A codificação UTF (Unicode Transformation Format) recebe suporte de todos os processadores XML. (O UTF-8 é um formato de 8 bits; o UTF-16 é um formato de 16 bits.) As codificações ISO 8859-1 e UTF-16 não preservam os metadados do arquivo.

Otimizar para o Adobe SVG Viewer

Otimiza imagens para o Adobe SVG Viewer.

Mais tópicos da Ajuda

Esta obra está licenciada sob uma licença não adaptada da Creative Commons Attribution-Noncommercial-Share Alike 3.0  As publicações do Twitter™ e do Facebook não são cobertas pelos termos do Creative Commons.

Avisos legais   |   Política de privacidade online