¿Por qué algunos filtros SVG se convierten automáticamente a PNG al crear un SVG en Adobe Illustrator?

Me preguntaba por qué algunos de los filtros SVG que se encuentran en Illustrator se convierten automáticamente PNGcuando exporto todo el archivo a SVG. No quiero ningún PNGarchivo oculto debido a la escalabilidad.

Por decirlo de otro modo:

¿Por qué algunos de los efectos que creo se rasterizan, aunque estoy trabajando en una aplicación vectorial con un formato de archivo vectorial?

Asegúrese de que los objetos en cuestión tengan efectos SVG que aparezcan en último lugar en el panel de apariencia. No deben seguir otros efectos.
Gracias por el comentario. Lo intenté pero sigo con el mismo problema. Lo único que tengo bajo el efecto que quiero usar (en el panel Apariencia) es su Opacidad que aparentemente no se puede mover :/
¿Este arte es 100% vectorial? ¿Sin texturas ni archivos colocados, y solo se aplica la opacidad única?
Sí, 100% vectorial. Tiene muchas capas pero nada colocado de otros archivos. El efecto SVG que estoy usando es el "GaussianBlur4". El elemento (un círculo) con este efecto es lo que se convierte en un .png cuando todo el archivo se exporta a .svg:/ Entonces, lo que obtengo es un archivo .svg con un .png oculto dentro. ¡Gracias de nuevo por la ayuda chicos!
Una forma en que he solucionado esto es eliminando el filtro, luego editando el svg después con un editor de texto, copiando el filtro nuevamente. Es una solución, pero termino optimizando otras cosas también, así que funciona.

Respuestas (1)

Los SVG pueden hacer referencia a otros SVG o imágenes. Cuando probé la salida SVG de Illustrator (Illustrator CC 17.1.0), la aplicación de SVG AI_GaussianBlur_4 a un objeto circular con un relleno degradado resultó en solo marcado SVG en el archivo. Hice esto otra vez, pero esta vez apliqué una Sombra paralela y luego el SVG AI_GaussianBlur_4. El código incluía una imagen. Si apliqué 2 filtros SVG al objeto, el SVG contenía una imagen.

En base a esto diría:

  • Si su archivo contiene efectos que no son filtros SVG y requieren rasterización (Estilizar > Sombra paralela o cualquiera de los filtros de Photoshop), terminará con una imagen incrustada en el archivo.
  • Si su archivo tiene más de un filtro SVG aplicado a un objeto, terminará con una imagen incrustada.

Especularía que una o dos cosas son el caso, solas o en conjunto:

  • El complemento SVG que utiliza Illustrator simplemente verifica y entrega la obra de arte al rasterizador y solicita un .png de vuelta cada vez que encuentra más de un efecto en un objeto.
  • Para preservar el aspecto de la obra de arte, especialmente teniendo en cuenta las variaciones del navegador, Illustrator rasteriza cualquier objeto que tenga efectos que no sean específicamente SVG o que puedan renderizarse mal debido a la complejidad y a las diferencias del navegador que no se tienen en cuenta.

Probar:

  1. Cree un nuevo archivo y dibuje un solo objeto en él

  2. Asegúrese de que el objeto esté seleccionado

  3. Seleccione Efecto > Filtros SVG… > AI_GaussianBlur_4

  4. Seleccione Archivo > Guardar

  5. Seleccione SVG en el menú desplegable Formato

  6. Clic en Guardar

  7. Haga clic en Código SVG...

  8. Esto abrirá un archivo de texto con el marcado SVG. Sin imagen incrustada.

  9. Vuelva a Illustrator y cancele fuera del cuadro de diálogo Guardar.

  10. Deshacer el AI_GaussianBlur_4

  11. Seleccione Efecto > Estilizar > Sombra paralela…

  12. Aceptar la configuración predeterminada

  13. Seleccione Archivo > Guardar

  14. Seleccione SVG en el menú desplegable Formato

  15. Clic en Guardar

  16. Haga clic en Código SVG...

  17. Esto abrirá un archivo de texto con el marcado SVG. Tendrá una imagen incrustada .

Hice varias combinaciones de filtros y objetos usando este método. Observo:

  • Tanto un Stylize como el filtro SVG en un solo objeto = imagen incrustada
  • Dos filtros SVG aplicados a un solo objeto = imagen incrustada
  • Dos filtros SVG, uno aplicado al Objeto A, el segundo aplicado al Objeto B = SIN imagen incrustada
  • Tres filtros SVG, uno aplicado al Objeto 1 y 2 aplicados al Objeto 2 = imagen incrustada
también puede ser que si 2 objetos se superponen, es posible que Illustrator necesite rasterizar si el otro objeto no se puede resolver por completo de otra manera.