¿Qué es Trazador de PNG a SVG?

PNG to SVG Tracer convierte imágenes rasterizadas (PNG, JPG) en gráficos vectoriales escalables. Utiliza detección de bordes y trazado de rutas para producir archivos SVG que se escalan a cualquier tamaño sin perder calidad. Funciona bien para logotipos, iconos e ilustraciones.

Hay cinco preajustes para los casos típicos: Logo/Plano, Icono, Ilustración, Boceto y Foto. El umbral, el suavizado, el detalle, el número de colores, la simplificación de rutas y un filtro de motas están expuestos como sliders, así puedes afinar hasta que el SVG baje en número de rutas sin perder los bordes. Un interruptor Invertir resuelve el arte claro sobre oscuro, y un editor de capas de color te deja ocultar capas ruidosas antes de descargar. Un logo plano suele quedar por debajo de los 5 KB.

Cómo usar

1. Sube una imagen PNG o JPG que quieras vectorizar.
2. Ajusta los parámetros de umbral, suavizado y nivel de detalle para controlar la calidad del trazado.
3. Previsualiza el resultado SVG y descarga el archivo vectorial.

Cuándo usar

• Recuperar el logotipo viejo de una empresa cuando solo queda un PNG de baja resolución.
• Preparar iconos para un sistema de diseño que se vean nítidos tanto a 16 px como a 256 px.
• Convertir un escaneo de boceto a lápiz en rutas vectoriales editables en Figma o Illustrator.

Resultado

Un diseñador sube un logotipo PNG de 200×200 píxeles. El trazador detecta los bordes y genera un SVG nítido con curvas Bézier suaves que se ve perfecto incluso en una valla publicitaria.

Preguntas frecuentes

¿Sirve para obtener un SVG usable a partir de una fotografía?

La verdad es que no. Las fotos tienen gradientes de tono continuo que se traducen en miles de rutas superpuestas, lo que infla el archivo y queda con aspecto manchado. Reserva el preajuste Foto para efectos de cartelización estilizada y deja las fotos reales en formato raster.

¿Por qué la salida tiene tantísimas rutas diminutas?

Casi siempre el PNG de origen tiene ruido o antialiasing en los bordes. Sube el filtro Quitar motas para descartar las manchas aisladas antes de trazar, aumenta la Simplificación para fusionar puntos cercanos y baja el número de colores para aplanar los pequeños saltos de gradiente que se trazan como regiones separadas.

¿Qué diferencia hay entre umbral y detalle?

El umbral decide qué píxeles cuentan como primer plano y cuáles como fondo (el corte blanco/negro). El detalle controla con qué precisión sigue la ruta al borde del píxel después de esa decisión. Umbral alto + detalle bajo da una silueta limpia; umbral bajo + detalle alto captura textura.

¿Puedo conservar los colores originales?

Sí. Sube el slider de Colores por encima de 2 y el trazador cuantiza la imagen en ese número de regiones de color, cada una con su propia ruta SVG y su relleno. De dos a seis colores funciona bien para ilustraciones planas.

¿El SVG sale más pequeño que el PNG original?

Casi siempre, en logos e iconos: un PNG de 50 KB suele bajar a 2-5 KB de SVG. En ilustraciones complejas el SVG puede acabar más grande que el PNG; en ese caso, bajar el slider de detalle reduce el número de rutas.

Herramientas relacionadas