Por que alguns filtros SVG são convertidos automaticamente em PNG ao criar um SVG no Adobe Illustrator?

7

Eu queria saber por que alguns dos filtros SVG encontrados no Illustrator são convertidos automaticamente para PNGquando eu exporto o arquivo inteiro para SVG. Não quero PNGarquivos ocultos devido à escalabilidade.

Colocando em outras palavras:

Por que alguns dos efeitos criados são rasterizados, mesmo trabalhando em um aplicativo vetorial com um formato de arquivo vetorial?

adobe-illustrator svg effects raster filter hello_jo
fonte
Verifique se os objetos em questão têm os efeitos SVG aparecendo por último no painel de aparência. Nenhum outro efeito deve seguir.
cclark413
Obrigado pelo comentário. Eu tentei, mas ainda o mesmo problema. A única coisa que tenho sob o efeito que eu quero usar (no painel Aparência) é sua opacidade que, aparentemente, não pode ser movido: /
hello_jo
11
Este vetor é 100% artístico? Sem texturas ou arquivos inseridos, e apenas a opacidade aplicada?
horatio
Sim, 100% de vetor. Tem muitas camadas, mas nada é colocado em outros arquivos. O efeito SVG que estou usando é o "GaussianBlur4". O elemento (um círculo) com esse efeito é o que se transforma em .png quando o arquivo inteiro é exportado para .svg: / Então, o que recebo é um arquivo .svg com um .png oculto dentro. Mais uma vez obrigado pela ajuda pessoal!
Html_java
Uma maneira de contornar isso é removendo o filtro e editando o svg depois com um editor de texto, copiando o filtro novamente. É uma solução alternativa, mas acabo otimizando outras coisas também, para que funcione.
mix3d

Respostas:

3

Os SVGs podem fazer referência a outros SVGs ou imagens. Quando testei a saída SVG do Illustrator (Illustrator CC 17.1.0), aplicar o SVG AI_GaussianBlur_4 a um objeto de círculo com preenchimento de gradiente resultou apenas na marcação SVG no arquivo. Eu fiz isso de novo, mas desta vez aplicamos um Drop Shadow e, em seguida, o SVG AI_GaussianBlur_4. O código incluía uma imagem. Se eu aplicasse 2 filtros SVG no objeto, o SVG continha uma imagem.

Com base nisso, eu diria:

  • Se o seu arquivo contém quaisquer efeitos que não são Filtros SVG, e não requerem rasterization a ter lugar (Stylize> Drop Shadow ou qualquer um dos filtros do Photoshop) você vai acabar com uma imagem incorporada no arquivo.
  • Se o seu arquivo tiver mais de um filtro SVG aplicado a um objeto, você terá uma imagem incorporada.

Eu especularia que uma ou duas coisas são o caso, isoladamente ou em conjunto:

  • O plug-in SVG usado pelo Illustrator simplesmente faz check-out e entrega o trabalho artístico ao rasterizador e solicita um .png de volta sempre que encontrar mais de um efeito em um objeto.
  • Para preservar a aparência da obra de arte, principalmente considerando as variações do navegador, o Illustrator rasteriza qualquer objeto que tenha efeitos que não sejam especificamente SVG ou que possam renderizar mal devido à complexidade e que não sejam contabilizados pelas diferenças do navegador.

Testar:

  1. Crie um novo arquivo e desenhe um único objeto nele

  2. Verifique se o objeto está selecionado

  3. Selecione Efeito> Filtros SVG…> AI_GaussianBlur_4

  4. Selecione Arquivo> Salvar

  5. Selecione SVG no menu suspenso Formato

  6. Clique em Salvar

  7. Clique em Código SVG…

  8. Isso abrirá um arquivo de texto com a marcação SVG. Nenhuma imagem incorporada.

  9. Volte para o Illustrator e Cancele fora da caixa de diálogo Salvar

  10. Desfazer o AI_GaussianBlur_4

  11. Selecione Efeito> Estilizar> Sombra projetada…

  12. Aceite as configurações padrão

  13. Selecione Arquivo> Salvar

  14. Selecione SVG no menu suspenso Formato

  15. Clique em Salvar

  16. Clique em Código SVG…

  17. Isso abrirá um arquivo de texto com a marcação SVG. Terá uma imagem incorporada .

Eu fiz várias combinações de filtros e objetos usando esse método. Eu noto:

  • Um filtro Stylize e SVG para um único objeto = imagem incorporada
  • Dois filtros SVG aplicados a um único objeto = imagem incorporada
  • Dois filtros SVG, um aplicado ao Objeto A, o segundo aplicado ao Objeto B = SEM imagem incorporada
  • Três filtros SVG, um aplicado ao Objeto 1 e 2 aplicados ao Objeto 2 = imagem incorporada
Jon
fonte
também pode ser que, se dois objetos se sobrepuserem, o ilustrador possa precisar rasterizar se o outro objeto não puder ser totalmente resolvido de outra forma.
Joojaa