La imagen se ve en relieve cuando se convierte a SVG

Convertí una imagen rasterizada a vector en Illustrator CS6 usando Image Trace y luego la opción Expandir, aunque cuando la guardo como svg, la imagen se ve en relieve. Sospecho que se debe a que el fondo de la capa es blanco y las rutas no se alinean, pero no estoy seguro de cómo solucionarlo o probar esa teoría sin tener que ajustar manualmente cada ruta.

Así es como se ve en Illustrator antes de exportarlo:

ingrese la descripción de la imagen aquí

La imagen se ve así cuando se guarda/exporta con la opción de arte optimizado:

ingrese la descripción de la imagen aquí

¿Cuál es su proceso de imagen rasterizada a SVG? Supongo que usas el seguimiento de la imagen. ¿Podría publicar capturas de pantalla de la imagen ráster y el seguimiento de la imagen antes de expandir o exportar?
@CaiMorris Edité mi pregunta para incluir una captura de pantalla de cómo se ve en Illustrator y una nota sobre Image Trace.
¿Puedes volver a subir estas imágenes, si aún las tienes? El sitio web que usó para hospedarlos está caído.
Nota: @WELZ agregó una nueva imagen.

Respuestas (1)

Se denominan artefactos de combinación, si desea ver cómo reaccionan los diferentes motores vectoriales, consulte aquí . Si desea comprender la razón técnica de alguna discusión, consulte aquí . Básicamente, la fusión ocurre porque convertimos la cobertura en opacidad, y eso no funciona. Si omitiera el anti-aliasing basado en la cobertura, no tendría ningún problema de fusión*, por la misma razón que el supermuestreo no tiene problemas.

Para eludir este problema, siempre se debe dejar que el objeto de atrás se superponga con el objeto de arriba. Piense en esto como colocar manualmente piezas de papel una encima de la otra. Si corta una forma con tijeras que coincida exactamente con el orificio de otra forma, es probable que obtenga un espacio y alinearlos sea difícil. En la computadora, debido a una suposición defectuosa, un perímetro compartido perfecto es una mala idea.

Prefiero no cortar la forma de abajo

Imagen 1 : Prefiere no cortar ni compartir los bordes con la forma de abajo.

Esta técnica de superposición debe tenerse en cuenta al comienzo del proceso. Y eso significa que no debe usar dividir recortar o fusionar en Pathfinder, si su objetivo es la publicación web. El caso se ha discutido en esta respuesta , que está casi duplicada.

En su caso específico, la solución rápida sería aplicar un ligero desplazamiento en cada uno de los caminos. Así que seleccione todo y elija Efecto → Ruta → Ruta compensada... luego escriba un valor pequeño. Además, puede organizar los colores para que el color más oscuro esté al frente.

* Por esta razón una impresora no tendría problema. De hecho, el corte es importante para el proceso de la placa de impresión.

@joojaa Parece que el problema estaba relacionado con los artefactos, gracias por la educación al respecto. Probé la opción Ruta compensada , pero terminé abriendo el archivo original y probé Image Trace nuevamente y encontré una opción de configuración avanzada en Image Trace , llamada Método , que cambió las rutas de recorte a apiladas.
Un buen efecto secundario (en mi humilde opinión) es que la imagen de la izquierda tiene menos puntos, por lo que el SVG resultante sería más pequeño. :)
Solo quiero agregar que la técnica de superposición no solo se recomienda para la publicación web sino también para la impresión. Las rutas ajustadas pueden estropear el proceso de captura.