Documentación de VectorizeThis

Selección automática del trazado

VectorizeThis compara varios trazados posibles en vez de aplicar un único preajuste fijo a todas las imágenes.

De la imagen rasterizada a los candidatos

El navegador primero decodifica y analiza la fuente: dimensiones, transparencia, bordes, características de color, fondo probable y comportamiento monocromo o multicolor. El archivo subido no cambia y la conversión permanece en el dispositivo.

El análisis y el caso de uso forman un conjunto de candidatos. Una ejecución normal evalúa alrededor de 16 configuraciones, aunque la cantidad exacta varía según la imagen y el objetivo. Una o pocas tonalidades muy próximas siguen una ruta orientada a monocromo, pero conservan el color de primer plano detectado para la muestra final.

En ilustraciones planas Web y Logotipo, la búsqueda también puede incluir candidatos de 2, 3, 4, 6 y 8 colores. Así, una paleta coherente puede ganar frente a un trazado que obtiene poca similitud adicional creando muchos tonos y trazados.

Qué cambia entre las pasadas

Los candidatos exploran combinaciones útiles del tratamiento de color, agrupación de regiones, simplificación de curvas y detalles y, cuando corresponde, mejora de la entrada. La fuente y el objetivo limitan la búsqueda a opciones con posibilidades de ser útiles.

Los pesos, umbrales y recetas exactos son detalles internos. Esto permite que el método evolucione sin convertir una fórmula actual en una promesa permanente.

Cómo se comparan los candidatos

Cada candidato se renderiza y se mide frente a la fuente. La selección combina:

  • Similitud visual, incluida la estructura y el color.
  • Geometría, como silueta, componentes, huecos y regiones cerradas.
  • Complejidad, como bytes, trazados, órdenes, nodos, segmentos, subtrazados e islas pequeñas.
  • Validez para el objetivo, como geometría abierta o duplicada en usos de fabricación.

El valor de similitud más alto no gana automáticamente si produce un SVG mucho mayor, ruidoso o inadecuado para el objetivo.

Ganador equilibrado y ganador SSIM

El resultado predeterminado es el mejor equilibrio válido para el caso de uso. SSIM es una de las medidas de similitud visual. La Diferencia SSIM muestra la distancia entre el ganador equilibrado y el candidato con mayor SSIM.

Cero significa que ambos son el mismo. Un valor positivo pequeño indica que se aceptó una diferencia visual limitada a cambio de otra ventaja, normalmente geometría más sencilla. En escritorio, Detalles del resultado permite aplicar el ganador SSIM para compararlo.

Comparación final de precisión

Después de elegir el trazado, VectorizeThis compara finalistas SVG optimizados con precisión decimal 0, 1 y 2. Solo conserva decimales extra cuando su mejora medida justifica los bytes. El ajuste manual de Precisión SVG también permite probar 3.

Preparación y comprobaciones de salida

El trazado ganador se prepara después para el objetivo: optimización SVG, tratamiento del viewBox, fondo, recorte opcional, colores editables y comprobaciones para fabricación. La preparación ocurre tras la evaluación para que la minificación por sí sola no determine el ganador visual.

Las advertencias describen riesgos medibles, no certificación de máquinas. La limpieza de islas pequeñas solo aparece cuando corresponde y los errores de fabricación pueden bloquear la descarga.

Después de un cambio manual

Cambiar un ajuste recalcula esa imagen con el valor elegido sin repetir toda la búsqueda inicial. Los colores personalizados se reaplican si el nuevo SVG mantiene la misma cantidad. La edición en lote usa los mismos controles y omite las tarjetas que ya coinciden.

Límites prácticos

La selección solo compara los candidatos generados. No puede recuperar detalles ausentes ni reconstruir las decisiones del vector original. Artefactos de compresión, suavizado de bordes, sombras, degradados, baja resolución y detalles diminutos afectan al resultado. La fabricación depende además del programa, la máquina, el material y las tolerancias.

Empieza con el ganador automático, compara las vistas y consulta la guía de ajustes cuando detectes un problema concreto. Para una visión general, lee Cómo funciona VectorizeThis.

Última actualización: