VTracer de PNG a SVG: revisa colores y pequeños detalles

Para un flujo de trabajo de VTracer PNG a SVG, guarde un trazo de línea base antes de reducir colores o filtrar regiones pequeñas. Luego cambie un control a la vez e inspeccione cada SVG guardado. En nuestra prueba original de color plano, un límite de color fusionó regiones importantes, mientras que un filtro moteado más fuerte hizo desaparecer las pequeñas marcas intencionales. El archivo más pequeño o la paleta más corta no era el archivo que conservaba nuestra obra de arte prevista.

Si necesita un PNG calcado en línea, comience gratis con PerfectVector e inspeccione las regiones de color y los pequeños detalles de la vista previa con respecto al original. Debes desbloquear el resultado antes de poder editarlo o exportarlo. Los siguientes comandos siguen siendo un flujo de trabajo local completo de VTracer; no se realizó ninguna comparación de la calidad de los resultados entre las herramientas.

Pruébalo con tu propia imagen

Abrir la herramienta completa

PNGJPGWEBPPNGSVGSube tu imagen aquío haz clic · pega ⌘VSeleccionar imagenSuelta para revisar la imagen

Puedes probarlo gratis. Suelta una imagen y mira la vista previa de tu vector, sin registrarte.

Haga coincidir los comandos con la CLI instalada

Este tutorial utilizó la VTracer 1.0.0-alpha.4 CLI oficial, con su propia ayuda ejecutable. Obtenga el binario de la plataforma correspondiente en la versión oficial. Los ejemplos suponen que el ejecutable se llama vtracer en su carpeta de trabajo, junto a una copia permitida de su PNG llamada artwork.png.

También necesitas una terminal y un visor SVG o un editor de texto sin formato. Conserve el PNG intacto y utilice nombres de archivos de salida distintos. Verifique el binario real antes de rastrear:

./vtracer --version
./vtracer --help

Nuestro comando de versión devolvió vtracer 1.0.0-alpha.4. Si su ayuda no incluye una marca a continuación, utilice la documentación de su interfaz instalada. El paquete Python es una interfaz separada; Los argumentos de palabras clave de Python y los indicadores CLI no son intercambiables.

La documentación oficial del proyecto describe el calco de color, los controles de paleta y la CLI. Este artículo utiliza ese ejecutable local, en lugar de informar una prueba de la demostración del navegador o el enlace de Python.

1. Guarde una línea de base que mantenga pequeñas marcas intencionales

Comience con un seguimiento simple con el que podrá comparar más adelante:

./vtracer artwork.png baseline.svg \
  --mode polygon --color-precision 8 --filter-speckle 0

Usamos ajuste de polígonos porque nuestra imagen controlada contiene regiones de bordes rectos. Esta es una base para esa obra de arte plana, no un escenario universal para cada fotografía o ilustración curva.

Las tres opciones nombradas responden a diferentes preguntas:

Abra baseline.svg junto al PNG. Identifique algunas regiones críticas antes de cambiar la configuración: un color de marca, un pequeño acento aislado, una característica delgada o un espacio que separa dos formas. Una silueta grande y suave puede ocultar la pérdida de cualquiera de estos.

Ilustración

2. Compara un límite de color con una paleta fija

La CLI probada ofrece --max-colors para un límite de color superior y --palette para los colores hexadecimales suministrados. Una paleta es el conjunto de colores que desea utilizar en la obra de arte. Decide qué colores deben permanecer diferentes antes de pedirle al trazador que los reduzca.

Esta variante mantiene constantes las opciones de referencia y agrega un límite de tres colores:

./vtracer artwork.png fewer-colors.svg \
  --mode polygon --color-precision 8 --filter-speckle 0 \
  --max-colors 3

Un límite superior no es una promesa de exactamente tantos colores visibles. Nuestra producción real tenía solo dos valores de relleno sólido únicos, incluido el blanco. Las regiones azul marino y verde azulado se volvieron del mismo color apagado, y la región dorada ya no se distinguía del fondo blanco.

Cuando ya tenga la paleta deseada, pruebe los colores suministrados:

./vtracer artwork.png fixed-palette.svg \
  --mode polygon --color-precision 8 --filter-speckle 0 \
  --palette '#ffffff,#17324d,#298d83,#d49c32'

Nuestra fuente de oro fue #e7b64c; esta paleta suministrada utilizó #d49c32 en su lugar. El SVG guardado usó ese nuevo oro conservando el azul marino, el verde azulado y el blanco listados. Esa fue una elección intencional de cambio de color, no una preservación de la paleta original. Para tomar decisiones más amplias sobre qué colores se pueden fusionar sin perder significado, utilice la guía de reducción de paleta SVG.

3. Pruebe el filtrado de regiones pequeñas en una copia separada

Regrese a las opciones de referencia, luego cambie solo el filtro moteado:

./vtracer artwork.png filtered.svg \
  --mode polygon --color-precision 8 --filter-speckle 8

Las Motas son pequeñas regiones aisladas que pueden ser ruido no deseado o una obra de arte deliberada. Su tamaño por sí solo no dice cuál. En nuestro archivo de prueba, las marcas aisladas 2 × 2 y 8 × 8 eran visibles en la línea de base y desaparecieron en esta variante filtrada.

Trate el valor de la bandera como una configuración para verificar en su archivo, no como una promesa de que sobrevivirá una marca del mismo ancho numérico. Compare la salida guardada en el tamaño deseado y luego amplíe las marcas específicas que desea conservar. Si un detalle deseado desaparece, baje el filtro y vuelva sobre el PNG original.

Vuelva a comprobar los colores también. Nuestro SVG filtrado introdujo #fefefe junto con el blanco. Esa observación es una razón para inspeccionar la paleta de salida real después de un cambio de detalle, en lugar de asumir que una configuración afecta solo a la propiedad nombrada en la bandera.

Lo que mostraron los cuatro archivos guardados reales

Hicimos un PNG original de 384 × 256 con un fondo blanco, un marco azul marino con un centro blanco, un triángulo verde azulado, un rectángulo dorado y dos marcas cuadradas azul marino aisladas. Las cuatro conversiones utilizaron el mismo modo de entrada y polígono. La tabla informa el marcado SVG real y las representaciones independientes, no un editor de destino ni una prueba física.

Los cuatro SVG contenían rutas y ningún elemento de imagen. Esos hechos establecen un rastreo real en estos archivos, pero no califican los contornos ni demuestran una edición exitosa en otra aplicación. El centro y el fondo del marco blanco en este experimento son opacos; Esta no es una prueba de transparencia PNG.

Para los colores originales y las marcas intencionales de este archivo de prueba, mantendríamos la línea de base. La variante de paleta fija se adapta al trabajo separado de cambiar el oro deliberadamente. Los archivos filtrados y de color reducido no cumplen con esos requisitos de retención particulares. Ninguna de estas opciones establece un mejor valor preestablecido universal o una comparación con otro trazador.

Elige un archivo que puedas explicar

Antes de conservar un SVG, registre su entrada, la versión ejecutable, el comando completo y los motivos de su elección. Consulte la paleta por función, las regiones más pequeñas requeridas, los espacios y los contornos. Luego ábralo en el destino real e intente editar o importar su trabajo requiere; ese paso posterior no fue parte de esta prueba.

El cuadro de mando de calidad de seguimiento agrega comprobaciones de contorno, editabilidad y destino más allá de este experimento de paleta/detalle. Para un flujo de trabajo monocromático explícito, la guía Potrace PNG a SVG cubre una tarea de seguimiento diferente.

Mantenga juntos el SVG original y el aceptado. Si desea probar el mismo PNG en línea, comience gratis con PerfectVector y verifique los colores deseados de la vista previa y los detalles más pequeños requeridos con su fuente.

Preguntas frecuentes

¿Puede VTracer convertir un PNG de color en rutas SVG reales?

Sí. Los cuatro archivos de nuestro flujo de trabajo CLI probado contenían rutas y ningún elemento de imagen. El resultado útil todavía dependía de qué colores y pequeñas regiones quedaran después de los ajustes elegidos.

¿Max-colors 3 garantiza exactamente tres colores?

No. Establece un límite superior. Nuestra referencia de prueba produjo dos rellenos sólidos únicos, incluido el blanco, y perdió importantes distinciones de color. Inspeccione la paleta guardada real en lugar de solo el número solicitado.

¿Por qué desaparecieron las pequeñas marcas después del filtrado?

La configuración de moteado puede descartar regiones pequeñas. Ambas marcas cuadradas intencionales en nuestra referencia de prueba desaparecieron en el filtro moteado 8. Compare con una línea base de filtro bajo y reduzca la configuración si su obra de arte necesita esas regiones.

¿Puedo pegar estos indicadores en un ejemplo de Python VTracer?

Utilice la interfaz y la versión que instaló. Esta guía probó el ejecutable 1.0.0-alpha.4 y su ayuda CLI. Los ejemplos de enlace de Python utilizan sus propios argumentos de función y documentación.

Fuentes

1. Proyecto oficial de VTracer: seguimiento de color, uso de CLI y opciones de paleta/detalle.
2. Versión VTracer 1.0.0-alpha.4: el ejecutable fijado a la versión utilizado para este flujo de trabajo.
3. Paquete VTracer Python: la interfaz de enlace de Python separada, que se distingue de la CLI probada.