Imagen a SVG v1.0

El conversor de imagen a SVG transforma cualquier imagen de mapa de bits en trazados vectoriales reales y editables, en color y dentro de tu propio navegador. Acepta JPG, PNG, WebP, AVIF, GIF y BMP en la misma página, así que no tienes que averiguar qué conversor corresponde a tu extensión. La herramienta de DocPivot traza la imagen, agrupa cada color por separado y devuelve un SVG que puedes abrir y retocar en Illustrator, Inkscape o Figma. El archivo nunca sale de tu equipo.

Qué es el conversor de imagen a SVG de DocPivot

Funcionalidad principal

Es un vectorizador que convierte píxeles en trazados matemáticos y devuelve un SVG agrupado por colores. DocPivot decodifica el archivo con el motor del propio navegador, reduce la imagen a una paleta de colores planos, detecta el contorno de cada región y lo ajusta con curvas de Bézier. El resultado no es un mapa de bits metido dentro de un archivo .svg, sino rutas que puedes seleccionar, recolorear y escalar sin límite. Si necesitas el camino inverso, el conversor de SVG a PNG hace la rasterización.

Usuarios objetivo y casos de uso

Lo usan sobre todo diseñadores, autónomos de rotulación, talleres de serigrafía, desarrolladores web y pymes que necesitan su logotipo en vectorial. Los escenarios típicos son preparar un archivo para plotter de corte, entregar un logo a imprenta o convertir una ilustración plana en un gráfico nítido en cualquier pantalla.

Problema y solución

El problema habitual es tener un logotipo únicamente en JPG o PNG cuando la imprenta, el rotulista o el cliente piden un vectorial. Encargar la vectorización manual a un estudio español cuesta, según las tarifas que publican, desde unos 15 € por una firma sencilla hasta cerca de 80 € en imágenes complejas, con plazos de uno a tres días. Para logotipos de colores planos, iconos y arte lineal, el trazado automático resuelve el mismo encargo en segundos y sin coste.

Principales ventajas del conversor de imagen a SVG

• Un solo conversor para seis formatos: JPG, PNG, WebP, AVIF, GIF y BMP pasan por el mismo trazador. No hay que saltar entre páginas distintas según la extensión del archivo, aunque también tienes el conversor de imágenes si lo que buscas es un cambio de formato sin vectorizar.
• Vectores auténticos, no incrustaciones: algunos conversores gratuitos meten el mapa de bits dentro del SVG y devuelven un archivo que pesa más y no se puede editar. Aquí cada forma es un trazado con sus nodos.
• Color y transparencia a la vez: la paleta se calcula excluyendo los píxeles transparentes, de modo que el canal alfa llega intacto al archivo final y el fondo sigue siendo fondo.
• Archivos ligeros y con pocos nodos: el ajuste de curvas sustituye cadenas de puntos por segmentos de Bézier. Un logotipo PNG de 500 × 220 con fondo transparente salió en 8 trazados y algo más de 7 KB en nuestras pruebas.
• Editable de verdad: cada color forma su propio grupo y cada forma lleva un identificador, así que en Illustrator o Inkscape puedes aislar un elemento sin desmontar el resto del dibujo.
• Nada sale de tu ordenador: el trazado ocurre en el navegador, sin subida al servidor. Si trabajas con marcas de clientes bajo acuerdo de confidencialidad, esa diferencia importa.
• Sin registro ni marca de agua: no hay cuenta que crear, ni límite diario, ni resultado con logotipo superpuesto que te obligue a pagar para quitarlo.
• Te avisa antes, no después: la herramienta indica de entrada que las fotografías no dan buenos vectores, en lugar de dejarte descubrirlo al abrir la descarga.

Funciones clave del conversor de imagen a SVG

• Cuatro presets listos: Logo, Clipart, Foto y Plantilla cubren la mayoría de los encargos. Cada uno rellena de golpe los tres controles y fija la resolución de trabajo.
• Número de colores de 2 a 32: tú decides cuántos tonos planos quieres en la paleta final. Con 2 obtienes una silueta a una tinta, útil para vinilo textil o sellos.
• Nivel de detalle de 0 a 10: controla cuánto se simplifican los contornos. Bajarlo produce formas suaves; subirlo conserva las esquinas y los remates finos de una tipografía.
• Eliminación de motas: descarta las regiones cuya superficie queda por debajo del umbral, así que el ruido de compresión JPG no se convierte en decenas de manchitas vectorizadas.
• Fondo conservado o eliminado: puedes quedarte con el fondo como una forma más o dejarlo fuera del trazado. Para recortes previos tienes la opción de recortar la imagen antes de vectorizar.
• Cuantificación por k-means: la reducción de paleta usa siembra por punto más lejano, que es determinista, así que la misma imagen con los mismos ajustes da siempre el mismo resultado. Las entradas de paleta casi idénticas se fusionan.
• Resolución de trabajo por preset: la imagen se traza a una resolución reducida, de 200 a 4000 píxeles según el preset, y los trazados se reescalan después. En vectorial ese reescalado no pierde nada.
• Ajuste de curvas de Bézier: simplificación Ramer-Douglas-Peucker, detección de esquinas a 45 grados y ajuste cúbico por mínimos cuadrados con el algoritmo de Schneider y reparametrización de Newton, siempre contra el contorno original.
• Orden de formas por tamaño: las formas grandes se emiten primero para que los huecos y contraformas queden por encima y se vean correctamente.
• Un grupo por color, un trazado por forma: la estructura del archivo es predecible, con un identificador en cada ruta. Eso facilita animarlo con CSS o cambiar la marca entera desde el editor.
• Modo personalizado automático: en cuanto mueves un control después de elegir un preset, la etiqueta cambia a Personalizado y conservas tus valores.
• Decodificación nativa del navegador: los formatos se abren con el soporte que ya trae Chrome, Firefox, Safari o Edge, sin descargas ni librerías adicionales. Antes de trazar imágenes muy pesadas puedes pasarlas por el redimensionador de imágenes.

Cómo funciona el conversor de imagen a SVG de DocPivot

1. Carga la imagen. Arrastra tu JPG, PNG, WebP, AVIF, GIF o BMP a la zona de carga. El navegador la decodifica en local y muestra la vista previa.
2. Elige un preset. Logo, Clipart, Foto o Plantilla ajustan colores, detalle y eliminación de motas de una sola vez. Si el archivo original es un HEIC del móvil, pásalo antes por el conversor de HEIC a JPG.
3. Afina los controles. Sube o baja el número de colores, el detalle y el umbral de motas hasta que la vista previa te convenza. Decide también si quieres mantener el fondo.
4. Revisa el trazado. Comprueba las zonas críticas: remates de letras, contraformas y bordes curvos. Ahí es donde se nota si el detalle está demasiado bajo.
5. Descarga el SVG. DocPivot genera el archivo agrupado por colores y lo guarda en tu equipo, listo para Illustrator, Inkscape, Figma o el software de tu plotter.

Cuándo usar el conversor de imagen a SVG

Usa el vectorizador cuando la imagen tenga colores planos y contornos definidos, y cuando el destino exija escalar sin perder nitidez. Los logotipos, los iconos, las ilustraciones vectoriales aplanadas y el arte lineal escaneado son los candidatos naturales. Cuanto más limpia sea la imagen de partida, menos nodos y menos retoque manual después.

• Logotipo para imprenta: cuando la imprenta rechaza el PNG y pide un archivo vectorial para tarjetas, lonas o catálogos.
• Corte en plotter: el vinilo adhesivo y el textil necesitan trazados cerrados; los contornos limpios reducen el desgaste de la cuchilla.
• Iconos para web: un SVG de pocos kilobytes carga antes que un PNG y se ve nítido en pantallas retina.
• Rótulos y gran formato: ampliar un rótulo de furgoneta desde un JPG pixela el resultado; el vector no.
• Serigrafía a una tinta: con el preset de dos colores obtienes la silueta pura que necesita el fotolito.
• Bordado y corte láser: el software industrial trabaja con rutas, no con píxeles.
• Recuperar una marca antigua: cuando el archivo original se perdió y solo queda una captura o un membrete escaneado.
• Preparar iconos de app: una base vectorial da mejores exportaciones que ampliar un bitmap. Para el juego de iconos del navegador, el generador de favicons completa el flujo.

Hay dos casos donde el trazado automático no compensa: las fotografías con degradados continuos y las imágenes muy pixeladas con menos de 200 píxeles de lado. En ambos, el vector reproduce el ruido en lugar de eliminarlo.

Casos de uso

Rotulación de vehículos

Contexto: un autónomo de rotulación recibe el logotipo del cliente en JPG a 800 píxeles.

Proceso:

• Vectoriza con el preset Logo y ocho colores.
• Sube el umbral de motas para limpiar el ruido del JPG.
• Comprueba en Inkscape que los trazados están cerrados.

Resultado: archivo listo para el plotter de corte, con menos nodos y un pelado de vinilo más rápido.

Logotipo para imprenta

Contexto: una pyme necesita entregar su marca en vectorial para imprimir catálogos y lonas de feria.

Proceso:

• Traza el PNG original conservando la transparencia.
• Ajusta el detalle hasta que los remates tipográficos queden limpios.
• Envía el SVG al diseñador para el paso a CMYK.

Resultado: la imprenta acepta el archivo y desaparecen los bordes dentados en gran formato.

Iconos de un producto web

Contexto: un equipo de desarrollo arrastra un juego de iconos que solo existe en PNG a varias resoluciones.

Proceso:

• Vectoriza cada icono con el preset Clipart.
• Aprovecha los grupos por color para aplicar variables CSS.
• Compara el peso frente al PNG con el compresor de imágenes.

Resultado: un único archivo por icono que sirve para todos los tamaños y pesa menos que el conjunto anterior.

Diseño para camisetas

Contexto: un creador vende estampados y trabaja con un plotter doméstico Silhouette o Cricut.

Proceso:

• Reduce la paleta a dos o tres tintas antes de trazar.
• Usa el preset Plantilla para siluetas a una sola tinta.
• Importa el SVG en el software de corte y ajusta el tamaño.

Resultado: separaciones limpias por color y menos pruebas de corte desperdiciadas en vinilo.

Ilustración escaneada

Contexto: un ilustrador escanea un dibujo a tinta y quiere una versión editable para colorear en digital.

Proceso:

• Pasa el escaneo a escala de grises para igualar el papel.
• Vectoriza con el preset Plantilla y detalle alto.
• Recolorea los grupos en Illustrator.

Resultado: línea vectorial editable a partir de un original en papel, sin redibujar a mano.

Qué preset elegir según tu imagen

El preset correcto depende del tipo de imagen, no de su formato. Estos son los valores que aplica cada uno:

Si mueves cualquier control después de elegir un preset, la etiqueta pasa a Personalizado y tus valores se mantienen. Cuando el original venga en WebP y quieras conservar también una copia en mapa de bits, el conversor de WebP a PNG te da la versión rasterizada.

Por qué las fotografías no se vectorizan bien

Una fotografía no se vectoriza bien porque no tiene regiones de color plano que trazar. El trazador funciona reduciendo la imagen a una paleta y buscando los bordes entre zonas de color; en una foto, donde el tono cambia píxel a píxel, esa reducción crea cientos de manchas irregulares que no corresponden a ninguna forma real. El resultado pesa más que el JPG de partida y es prácticamente imposible de editar.

El preset Foto existe para un uso concreto: obtener un efecto ilustrado o de póster a partir de una imagen compleja, no una copia fiel. Si lo que buscas es que la foto se vea mejor, el camino son los ajustes de mapa de bits, como ajustar el color y el contraste, no el vectorizado.

Preparar el SVG para plotter, imprenta y láser

Un SVG listo para producción necesita trazados cerrados, pocos nodos y colores separados. El trazador emite un grupo por color y ajusta curvas en lugar de encadenar puntos, que es lo que reduce el desgaste de la cuchilla al pelar el vinilo y evita pasadas erráticas en fresadora o láser. Aun así, revisa el archivo antes de mandarlo a producción.

Comprobaciones antes de producir:

• Elimina piezas diminutas: las formas de pocos milímetros se despegan al pelar el vinilo. Sube el umbral de motas.
• Verifica las contraformas: el interior de una A o una O debe quedar por encima de la forma que lo contiene.
• Separa las tintas: cada grupo de color es una capa de corte o un fotolito distinto en serigrafía.
• Confirma las medidas: fija el tamaño real en el software de corte, no en el navegador.
• Limpia los metadatos si la imagen venía de una cámara: puedes hacerlo antes con la herramienta para eliminar los metadatos de una foto.

Preguntas frecuentes