Saltar al contenido
PNGtoSVG

¿Cómo funciona el trazado de imágenes?

El trazado de imágenes (también llamado vectorización o autotrazado) es el proceso que usa un convertidor para transformar una imagen basada en píxeles en un conjunto de trazados vectoriales. Esto es lo que realmente ocurre entre bambalinas.

De píxeles a trazados: la idea general

Un algoritmo de trazado examina una imagen rasterizada región por región de color similar, identifica el límite entre esa región y sus vecinas, y luego describe ese límite como una curva matemática suave en lugar de una escalera de píxeles individuales. Repite esto para cada región de color distinta y obtienes una versión vectorial completa de la imagen original.

Paso 1: Detección de color y cuantización

La mayoría de las imágenes de origen contienen muchos más colores de los que querrías como formas vectoriales independientes; las fotos por sí solas pueden tener millones de valores de píxel únicos debido al ruido de compresión y a los degradados. La cuantización agrupa colores similares en una paleta más pequeña y fija (tú controlas cuántos colores mediante un ajuste de número de colores), de modo que la imagen se simplifica en regiones limpias y bien diferenciadas antes de que comience el trazado.

Paso 2: Detección de bordes

Una vez que cada píxel tiene asignado un color de la paleta, el algoritmo recorre la imagen para encontrar dónde termina una región de color y empieza otra. Estos límites se trazan primero píxel por píxel, lo que produce un contorno dentado que sigue los bordes escalonados de la cuadrícula rasterizada original.

Paso 3: Construcción de trazados y ajuste de curvas

El contorno de píxeles dentado se suaviza luego en un pequeño número de líneas rectas y curvas cuadráticas que lo aproximan dentro de un margen de error; esto es el ajuste de "detalle" o "suavizado" en una herramienta de trazado. Un umbral más bajo se ciñe más a los bordes de píxel originales (más nodos, más detalle); un umbral más alto produce curvas más suaves y en menor número.

Trazado en Blanco y Negro frente a Color completo

El modo Blanco y Negro reduce toda la imagen a solo dos colores (primer plano y fondo) antes de vectorizar, produciendo un único trazado limpio, ideal para logotipos, dibujos lineales y archivos de corte para vinilo o corte láser. El modo Color completo conserva varios colores de la paleta y vectoriza cada uno como su propia capa, lo cual es lo que necesitas para fotografías o ilustraciones multicolor.

Qué se vectoriza bien (y qué no)

El trazado funciona mejor con:

  • Logotipos, iconos e insignias de colores planos, con pocos colores y bordes definidos
  • Dibujos lineales y bocetos, con alto contraste entre la tinta y el fondo
  • Ilustraciones sencillas con regiones de color diferenciadas y separadas

El trazado es más difícil con:

  • Fotografías con degradados suaves o mucha textura fina (cabello, césped, tela)
  • Imágenes de muy bajo contraste, donde el primer plano y el fondo son difíciles de separar
  • JPEG muy comprimidos y reguardados como PNG, que introducen ruido de color que la cuantización tiene que suavizar

Preguntas frecuentes

¿El trazado produce una copia idéntica, pixel por pixel, de mi imagen?

No: el trazado aproxima tu imagen con un conjunto limitado de colores y curvas suaves, por lo que el detalle muy fino se simplifica. Para logotipos y dibujos lineales esto suele ser imperceptible; para fotos produce un resultado más estilizado, tipo póster.

¿Por qué mi SVG vectorizado se ve dentado si pongo el detalle demasiado bajo?

Un ajuste de detalle/suavizado bajo mantiene el trazado muy ceñido a los bordes de píxel originales, lo que puede verse dentado en formas curvas. Aumentar el suavizado permite que el algoritmo use curvas más largas y en menor número para un resultado más limpio.

¿Es esta la misma tecnología que el Image Trace de Adobe?

La idea subyacente (cuantizar colores, detectar bordes, ajustar curvas) es el mismo enfoque general que usan herramientas como Image Trace de Adobe Illustrator y otros programas de autotrazado.

¿Listo para convertir tu propia imagen? PNGtoSVG.

PNGtoSVG
PNG vs SVG: ¿Cuál es la diferencia?

La diferencia de formato que hace necesario el trazado en primer lugar.

Cómo convertir un logotipo a SVG

Aplica todo lo anterior a un logotipo real, paso a paso.

PNG a SVG para bordado

Por qué un trazado vectorial limpio importa para el software de digitalización de bordados.