JPG a SVG v1.0

El conversor de JPG a SVG de DocPivot traza tu imagen y devuelve rutas vectoriales reales, editables y a color, sin salir del navegador. Un JPG siempre llega con ruido de compresión alrededor de cada borde, y un trazador que no lo tiene en cuenta convierte ese ruido en cientos de formas diminutas inservibles. Aquí ese ruido se descarta por área antes de ajustar la primera curva, así que el SVG que descargas tiene capas limpias y no un amasijo de fragmentos imposible de editar.

Qué es el conversor de JPG a SVG

Es un vectorizador que reconstruye tu JPG como curvas de Bézier agrupadas por color y guardadas en un SVG estándar. No incrusta el mapa de bits dentro de una etiqueta , que es lo que hacen algunos conversores rápidos y lo que explica que su resultado no se pueda editar ni escalar. Cada forma es una ruta con identificador propio, así que en Illustrator, Inkscape o Figma encuentras nodos que mover, colores que cambiar y capas que separar.

La diferencia entre convertir y vectorizar importa. Pasar un JPG a otro formato de píxeles, como haces con un conversor de JPG a PNG, cambia el envoltorio pero deja la rejilla de píxeles intacta. Vectorizar reinterpreta la imagen: el trazador decide dónde empieza y acaba cada región de color y la describe con matemáticas. Por eso escala a cualquier tamaño sin pixelarse, y por eso depende tanto del original.

Quién lo usa

Los perfiles que más lo aprovechan son rotuladores, serigrafistas, diseñadores autónomos y usuarios de plóter de corte. Un vinilo necesita trazados cerrados para que la cuchilla sepa por dónde pasar; una camiseta serigrafiada necesita un color por pantalla. En ambos casos el punto de partida es el mismo: el cliente solo conserva el logo en JPG.

Por qué un JPG se vectoriza peor que un PNG

La compresión JPEG es con pérdida y deja artefactos justo donde el trazador necesita precisión: en los bordes. El algoritmo divide la imagen en bloques de 8 × 8 píxeles y descarta información de alta frecuencia, lo que produce dos efectos visibles al ampliar. El primero es el ringing, un halo de píxeles de color intermedio alrededor de las líneas de contraste. El segundo es el bandeado: zonas que deberían ser un único color plano se convierten en franjas de tonos casi idénticos.

Para el ojo humano esos defectos pasan desapercibidos a tamaño normal. Para un trazador son datos legítimos. Sin limpieza previa, el halo alrededor de una letra genera decenas de contornos independientes y el bandeado de un fondo genera capas de color separadas que deberían ser una sola. El resultado típico es un SVG con novecientas formas donde debería haber quince, imposible de pelar en vinilo e imposible de retocar a mano.

Un PNG de la misma imagen no arrastra ninguno de esos dos defectos, porque su compresión es sin pérdida. Si solo tienes el JPG, el trabajo consiste en descartar el ruido antes de fijar las curvas, que es justo lo que hace el control de despeckle de DocPivot.

Cómo funciona el trazado paso a paso

DocPivot ejecuta cinco fases en orden, y el ruido se elimina en la tercera, antes de que se ajuste una sola curva.

1. Ajuste de la superficie de trabajo. La imagen se traza a una resolución menor y las rutas se escalan después. En vectores eso es gratis y no pierde nada: una curva multiplicada por dos sigue siendo la misma curva. La resolución de trabajo va de 200 a 4.000 píxeles según el preset.
2. Reducción a paleta. Una cuantización k-means con siembra determinista de punto más lejano agrupa en regiones planas los píxeles vecinos casi idénticos que dejó el JPEG. Después se fusionan las entradas de paleta demasiado parecidas, y ese paso concreto evita que el bandeado se convierta en capas separadas.
3. Detección de contornos. Los bordes entre regiones de cada color se cosen en bucles cerrados, y toda región por debajo del umbral de despeckle se descarta. Aquí es donde desaparecen el ringing y los artefactos de bloque.
4. Simplificación y ajuste de curvas. Simplificación Ramer-Douglas-Peucker, detección de esquinas a 45 grados y ajuste de curvas de Bézier cúbicas por mínimos cuadrados con el algoritmo de Schneider y reparametrización de Newton. El ajuste va contra el contorno original, no contra la versión simplificada, lo que mantiene la fidelidad sin cargar el archivo de nodos.
5. Escritura del SVG. Las formas se emiten de mayor a menor para que los huecos queden por encima, con un grupo por color y una ruta por forma, cada una con su identificador.

Si el original es una captura muy grande, recorta antes lo que no vas a vectorizar con un recortador de imágenes: menos superficie son menos regiones que evaluar y un archivo final más ligero.

Presets: cuál elegir según tu imagen

Los cuatro presets no son variaciones estéticas, sino combinaciones medidas de cuatro parámetros. La tabla resume qué carga cada uno.

Logo usa pocos colores y despeckle bajo porque un logotipo tiene formas grandes y definidas: descartar demasiado se comería una tilde o el punto de una i. Clipart sube a 16 colores y dobla el despeckle para ilustraciones con más matices. Stencil baja a dos colores para plantillas, siluetas y máscaras de corte; si partes de una foto en color, pásala antes por un conversor a escala de grises y controla tú el umbral.

Foto lleva un despeckle de 64, con diferencia el más alto, y no es casualidad: una fotografía comprimida es prácticamente artefacto puro a nivel de píxel, así que sin un umbral agresivo el trazado se llenaría de motas. Su nivel de detalle baja a 2 y la resolución de trabajo a 1.000 px por la misma razón.

Controles y límites reales

Cuatro controles quedan a tu alcance: colores de 2 a 32, detalle de 0 a 10, despeckle y la opción de conservar o eliminar el fondo. Subir colores no mejora el resultado por sí solo, multiplica capas y peso. Y bajar el detalle no siempre empeora: en originales ruidosos, un detalle alto solo calca el ruido con más precisión.

El límite honesto está en las fotografías. El arte plano, los logotipos y el dibujo escaneado se vectorizan bien porque tienen regiones de color uniforme. Una fotografía no tiene ninguna: cada zona es un degradado continuo, y un degradado no se describe con contornos cerrados. Obtienes una aproximación posterizada que suele pesar más que el JPG de partida.

Los números de la calibración lo dejan claro. Medido sobre un JPEG de 800 × 600, ajustar el preset a 24 colores produjo un SVG de 546 KB, mientras que los 12 colores del preset final produjeron 284 KB con un error solo ligeramente mayor. Por eso el preset Foto está afinado para tamaño y no para fidelidad: la fidelidad no es alcanzable, y el archivo hinchado sí es evitable. Si lo que necesitas es que la foto pese menos manteniéndose en píxeles, el camino correcto no es vectorizar sino usar un compresor de imágenes o pasarla a un formato moderno con un conversor de JPG a WebP.

Principales ventajas

• Despeckle regulable. El umbral de eliminación de motas es un control visible, no una constante oculta. Sobre un origen comprimido, separa un trazado usable de novecientas formas basura.
• Color completo. Conserva la paleta en capas separadas, mientras que la alternativa gratuita más conocida devuelve solo blanco y negro.
• Aviso sobre fotografías. Te avisa de antemano de que una foto no es buen candidato, en lugar de devolverte en silencio un archivo mayor que el original.
• Presets medidos y publicados. Los valores de la tabla salen de pruebas comparadas, no de cifras al azar.
• Procesamiento local. El trazado ocurre en tu navegador, así que el arte de tus clientes no viaja a ningún servidor.
• Salida editable de verdad. Un grupo por color y una ruta por forma, con identificadores, sin cuenta, sin límite diario y sin marca de agua.

Cuándo usarlo y cuándo no

Úsalo cuando el original tenga colores planos y contornos definidos. Estos son los escenarios donde el trazado da resultados directamente utilizables:

• Logotipo de cliente en JPG. El caso más habitual en despachos de diseño y agencias pequeñas cuando no queda el archivo original.
• Rotulación en vinilo. El plóter necesita rutas cerradas; un JPG no le dice por dónde cortar.
• Serigrafía y textil. Cada color separado en su capa se corresponde con una pantalla de estampación.
• Corte y grabado láser. Las máquinas CNC leen trayectorias, no píxeles.
• Dibujo lineal escaneado. Bocetos a tinta y planos digitalizados se limpian bien con despeckle medio.
• Iconografía para web. Un icono vectorial pesa una fracción y se ve nítido en cualquier densidad de pantalla.

Evítalo con retratos, paisajes, fotografía de producto y cualquier imagen con degradados o desenfoque. También con capturas de texto pequeño: la tipografía a cuerpo reducido se convierte en manchas en cuanto entra el despeckle. Ahí conviene quedarse en píxeles y ajustar dimensiones con un redimensionador de imágenes.

Casos de uso en el mercado español

Estudio de rotulación en Valencia

Contexto: un taller recibe el logo de una franquicia en JPG a 900 píxeles para vinilar una furgoneta. Proceso: preset Logo, despeckle 4, fondo eliminado y revisión de nodos en el isotipo. Resultado: trazados cerrados sin fragmentos sueltos, lo que evita que el pelado del vinilo arranque piezas o desgaste la cuchilla.

Diseñadora autónoma con cliente sin archivos

Contexto: una diseñadora freelance arranca una identidad y el cliente solo conserva una firma de correo en JPG. Proceso: preset Logo, ajuste de curvas en Illustrator y reconstrucción de la tipografía. Resultado: una base vectorial en media hora en lugar de una tarde de calco manual.

Tienda online que rehace su iconografía

Contexto: un ecommerce arrastra iconos en JPG borrosos en móvil que penalizan el LCP. Proceso: preset Clipart, limpieza de capas y creación del icono de pestaña con el generador de favicon. Resultado: iconos nítidos en cualquier pantalla y un peso total muy inferior al anterior.

Taller de láser que prepara plantillas

Contexto: un taller de corte láser necesita máscaras a partir de dibujos escaneados en JPG. Proceso: preset Stencil a dos colores, despeckle 16 y comprobación de que no quedan islas menores que el grosor del material. Resultado: plantillas de una sola pasada, archivadas además como SVG convertido a PDF para el histórico del pedido.

Cómo abrir el SVG en Illustrator, Inkscape y Figma

El archivo es SVG plano y estándar, así que se abre con doble clic en cualquiera de los tres. En Illustrator cada grupo de color aparece como capa independiente y puedes seleccionarlo entero con la varita mágica por color de relleno. En Inkscape, el editor XML te muestra los identificadores de ruta que asigna el trazador. En Figma, agrupa antes de convertir en componente, porque aplana algunos grupos anidados al importar.

Para revisiones con clientes que no tienen editor vectorial, exporta una previsualización con un conversor de SVG a PNG, o genera la versión para catálogo impreso con un conversor de SVG a JPG. Para incrustarlo en una web moderna con respaldo en mapa de bits, un conversor de SVG a WebP te da el formato de reserva.

Privacidad y cumplimiento del RGPD

El trazado se ejecuta íntegramente en tu navegador, sin subida de archivos ni llamadas a una API externa. Para un estudio o una gestoría que maneja material de terceros, la distinción tiene consecuencias jurídicas: si la imagen no sale de tu ordenador, no hay comunicación de datos a un proveedor ni aparece la figura del encargado del tratamiento que el RGPD y la LOPDGDD obligan a documentar. La AEPD insiste en el principio de minimización, y la vía más simple de cumplirlo es no transferir nada.

Hay un detalle adicional a favor del formato de salida. Un JPG puede llevar metadatos EXIF con modelo de cámara, fecha y coordenadas GPS; el SVG resultante del trazado no arrastra nada de eso, porque describe geometría y color, no una captura. Si necesitas comprobar qué llevaba el original antes de archivarlo, usa un visor de datos EXIF, y si vas a seguir distribuyendo el JPG, límpialo con la herramienta para eliminar metadatos de fotos.

Errores frecuentes y cómo resolverlos

El SVG tiene cientos de formas minúsculas. El despeckle está bajo para el nivel de compresión del original. Súbelo por pasos hasta que las motas desaparezcan sin comerse los detalles útiles.

Los colores planos salen en varias capas casi iguales. Reduce el número de colores. La fusión de paleta actúa sobre entradas cercanas, pero si le pides 32 colores a una imagen que tiene cinco, inventará diferencias que solo existen en el ruido.

Han desaparecido detalles finos. El despeckle se los ha llevado. Bájalo, o recorta esa zona y trázala aparte con un umbral menor.

El archivo pesa más que el JPG original. Casi siempre significa que estás vectorizando una fotografía. Comprueba si necesitas vectores o si te vale otro formato de mapa de bits, algo que resuelves en un paso con el conversor de imágenes.

El plóter corta líneas dobles. Suele venir de contornos superpuestos entre capas de color adyacentes. Selecciona esas rutas y aplica una unión booleana antes de mandar el trabajo a la máquina.

Preguntas frecuentes