Vectorizador de PNG a SVG

PNG a SVG

Vectorizar un PNG significa trazar sus píxeles como rutas que puedes escalar, recolorear y editar. Esta herramienta ejecuta los algoritmos Potrace e ImageTracer en el navegador para convertir logotipos, iconos y dibujos lineales de colores planos en SVG limpios. Los PNG fotográficos y los degradados suaves no se vectorizan bien; úsala para imágenes con bordes definidos y pocos colores.

Cómo funciona la vectorización

  1. 1

    Suelta un PNG

    Los mejores resultados salen de una fuente nítida: al menos 512 px en el lado más largo y rellenos planos.

  2. 2

    Elige un modo

    Monocromo, con un trazado Potrace de un solo color, o multicolor, con una paleta posterizada y una ruta por color.

  3. 3

    Ajusta umbral y suavizado

    El umbral decide qué se interpreta como negro; el suavizado redondea los escalones de píxel irregulares.

  4. 4

    Previsualiza y descarga

    Compara la imagen raster y la versión vectorial en paralelo. Cuando te convenza, descarga el SVG.

Qué se vectoriza bien

Fuente Resultado esperado
Logotipo negro sobre blanco SVG limpio de una sola ruta, muy fiel al píxel
Icono plano de 2–4 colores Buen SVG con varias rutas y bordes nítidos
Boceto a tinta dibujado a mano Utilizable con suavizado entre 3 y 5
Fotografía Resultado pobre: millones de colores acaban en manchas ruidosas
Captura de pantalla con antialiasing Aceptable tras aplicar umbral, pero pierde detalle subpíxel

Ajustes importantes

  • Umbral (modo monocromo). El corte entre lo que queda relleno y lo que se vuelve transparente. El valor predeterminado es 128; bájalo para capturar trazos finos y súbelo para eliminar fondos granulados.
  • Número de colores (modo multicolor). La cantidad de pasos de la paleta. 4–8 basta para la mayoría de logotipos. Por encima de 16 suele aparecer ruido y los visores SVG renderizan más lento.
  • Suavizado / umbral de esquina. Un suavizado alto redondea las esquinas; ayuda en formas orgánicas, pero estropea bordes de iconos muy definidos.
  • Simplificación de rutas. Reduce el número de nodos. Una simplificación agresiva baja el tamaño del archivo, pero puede deformar trazos finos.

Después de exportar

Abre el SVG en Illustrator, Inkscape o Figma y revisa la densidad de nodos. Las rutas limpiadas a mano casi siempre son más pequeñas y suaves que las trazadas automáticamente. Para logotipos destinados a imprenta, conviene redibujar a mano usando el trazado vectorial como referencia.

Preguntas frecuentes

El trazado vectorial reduce las regiones de color a rutas. Las fotografías tienen millones de degradados; al trazarlas se obtiene un mosaico ruidoso de manchas. Para fotos son más adecuados formatos raster como JPG o WebP.

Sí. Si el PNG original tiene fondo transparente, el SVG trazado conserva esa transparencia. Si partes de un JPG, usa antes una herramienta para quitar el fondo.

Sí. El SVG usa elementos <path> estándar con coordenadas absolutas, que cualquier editor vectorial puede leer y modificar nodo a nodo.

Lo ideal es 512–2048 px en el lado largo. Los iconos demasiado pequeños pierden detalle; los archivos muy grandes generan miles de nodos y engordan el SVG.

No. Potrace se ejecuta como WebAssembly en el navegador. No se transmite nada.

Herramientas relacionadas