Cómo funciona
El conversor de PNG a SVG vectoriza una imagen de mapa de bits usando un algoritmo de trazado automático que funciona en el navegador. Sube un PNG (normalmente un logotipo, un icono o una ilustración sencilla) y la herramienta genera los trazados SVG equivalentes, que podrás escalar a cualquier tamaño sin pixelarse.
Vectorizar hace falta cuando tienes un logotipo en mapa de bits (te lo ha pasado un cliente en PNG, lo has escaneado de un impreso o lo has exportado de un programa no vectorial) y necesitas ampliarlo para gran formato, corte láser, corte de vinilo, animación o cualquier uso que exija bordes nítidos a cualquier escala.
Cómo usarlo: sube tu PNG. La herramienta ejecuta un algoritmo de vectorización basado en Potrace compilado a WebAssembly. Ajusta el umbral (el punto de brillo que separa figura y fondo) y el parámetro de suavizado (curvas frente a esquinas). Revisa el SVG superpuesto sobre el original y descárgalo.
Qué se vectoriza bien: funciona de maravilla con logotipos sencillos, iconos, siluetas y dibujos de línea con mucho contraste. Los resultados son malos con fotografías e imágenes con degradados, ruido o texturas complejas: los algoritmos de vectorización convierten las fotos en archivos SVG enormes, llenos de formas superpuestas que no escalan bien.
Vectorización en color: la herramienta admite varios colores separando la imagen en capas de color y trazando cada una por separado. El SVG resultante contiene un trazado por color.
Calidad del resultado: la salida es una serie de curvas Bézier. Las imágenes complejas generan archivos SVG grandes. Para usarlo en la web, pasa el SVG por un optimizador (como SVGO) después de trazarlo.
Privacidad: la vectorización se ejecuta como una tarea WebAssembly dentro de tu navegador.
Preguntas frecuentes
- Los logotipos sencillos, los iconos, las siluetas, los dibujos y las ilustraciones de línea con mucho contraste entre figura y fondo se vectorizan bien. Las fotografías a todo color, las imágenes con degradados y las que tienen textura fina dan malos resultados: el SVG sale enorme y no escala con limpieza.
- Sube el parámetro de suavizado en las opciones avanzadas. Un valor más alto permite que las curvas Bézier se separen más de los bordes exactos de los píxeles, lo que produce contornos más suaves. Un suavizado muy alto puede redondear las esquinas vivas: ve probando hasta encontrar el equilibrio para tu imagen.
- Sí. Activa el modo multicolor, que separa la imagen en capas de color y traza cada una por separado. El SVG resultante lleva un elemento <path> por capa. Funciona muy bien con logotipos de diseño plano y rellenos definidos, y bastante mal con fotografías.
- Pásalo por un optimizador como SVGO para reducir su tamaño (la salida en bruto de Potrace no viene minificada). Después ábrelo en Inkscape o Illustrator para limpiar trazados, eliminar nodos sueltos y afinar el trazado. Lo que sale de un vectorizador automático casi siempre necesita un repaso manual antes de usarlo en producción.
¿Qué tipo de imágenes se vectorizan bien?
Mi SVG vectorizado tiene los bordes dentados, ¿cómo los suavizo?
¿Puedo vectorizar una imagen con varios colores?
¿Qué hago con el SVG después de trazarlo?
Scrollshot — Full Page Screenshot & Annotate
Scrolls the page for you, captures it viewport by viewport and stitches the slices into one seamless image — then opens an editor so you can crop, annotate and blur before saving.