Convertir una imagen JPG a SVG

Cómo funciona

Toque o haga clic en el recuadro y elija su imagen; se aceptan JPG, PNG, WEBP, GIF y BMP, y puede seleccionar varios archivos a la vez. La herramienta reduce primero la imagen al número de colores elegido (con 8 colores, cada píxel se asigna al más cercano de 8 colores planos) y después sigue el borde de cada zona de color y lo escribe como un trazado de rectas y curvas; el resultado es un SVG real que se abre y se edita en Illustrator, Inkscape y Figma. Ejemplo: el logo de una empresa en un JPG de 1200 × 400 píxeles, con 4 colores y detalle «Poco», se convierte en un SVG de 30 a 60 trazados y de 20 a 40 KB, y sus bordes siguen nítidos al ampliarlo al tamaño de una lona. Para una firma o un sello elija 2 colores: el fondo queda blanco y la línea negra en un solo trazado, que los programas de corte láser y de plóter leen directamente. En una fotografía el resultado es un efecto de póster: con 32 colores sale una imagen estilizada, pero el archivo crece. El tamaño de análisis fija sobre cuántos píxeles se hace el trazado; 800 alcanza para casi todos los logos, y para un dibujo detallado elija 1200. La línea de resultado indica cuántos colores y trazados se generaron, la medida a la que se vectorizó y el peso del SVG. Todo ocurre en su navegador: la imagen no se sube a ningún servidor.

Esta herramienta también se busca como jpg a svg, convertir jpg a svg, png a svg, convertir png a svg, vectorizar imagen, vectorizar logo online, convertir imagen a vector, imagen a svg.

¿Qué es Vectorizar (calcar)?

Vectorizar es convertir una imagen hecha de píxeles (JPG, PNG) en un archivo vectorial (SVG) formado por instrucciones de líneas y curvas; es lo mismo que hace la orden «calcar imagen» o «trazado» de los programas de diseño. La herramienta divide la imagen en unos pocos colores planos, sigue el contorno de cada mancha de color y escribe ese contorno como un trazado de curvas Bézier. El resultado es un dibujo cuyos bordes no se rompen por mucho que se amplíe; por eso los rotulistas, los talleres de corte y las imprentas piden vectores. Tiene un límite: las transiciones suaves de una fotografía se vuelven manchas de color plano, es decir, vectorizar no convierte una foto en un vector que siga pareciendo una foto.

¿Qué es SVG?

SVG (Scalable Vector Graphics) es un formato de imagen en texto que guarda el dibujo como instrucciones de líneas, curvas y rellenos, no como píxeles. Es el archivo estándar de logos, iconos y esquemas: los bordes no se rompen al ampliar y el archivo suele pesar menos que un JPG. Los navegadores lo muestran directamente, los programas de diseño lo editan y las cortadoras láser y los plóteres siguen sus trazados. El SVG que produce esta herramienta lleva un viewBox y escribe como ancho y alto la medida en píxeles de la imagen original; colocado en una página se ve del tamaño del original y, cuando hace falta, se amplía sin deformarse.

¿Cuál es la diferencia entre JPG y SVG?

Un JPG es una tabla de píxeles: guarda el color de cada punto, al ampliarlo los puntos se hacen visibles y los bordes se ven borrosos; es el formato correcto para fotografías porque mete millones de transiciones de color en un archivo pequeño. Un SVG está hecho de instrucciones de dibujo: «traza una curva de este punto a este otro y rellénala de rojo»; no depende del tamaño, sale igual de nítido en una tarjeta de visita que en un rótulo de 10 metros, pero no puede reproducir las transiciones suaves de una foto. Al convertir JPG a SVG, esta herramienta separa la imagen en capas de color plano: en un logo o dibujo eso es justo lo que se busca; en una fotografía da un efecto de póster estilizado. Para el camino contrario, de SVG a JPG o PNG, use la herramienta de convertir SVG a PNG.

¿Con qué imágenes funciona bien y con cuáles no?

Buen resultado: logos de colores planos, iconos, firmas, sellos, dibujos a mano, personajes de caricatura, esquemas técnicos y símbolos de mapa. Estas imágenes tienen pocos colores y bordes claros: con 2 a 8 colores salen entre 20 y 100 trazados, el archivo es pequeño y los bordes se mantienen nítidos al tamaño de un cartel. El uso más frecuente es entregar al rotulista o a la imprenta, en vector, el logo antiguo de una empresa del que solo queda un JPG. Las manchas de compresión del JPG (los restos grises alrededor de las letras) pueden convertirse en trazados pequeños; el detalle «Poco» los descarta.

Resultado pobre: fotografías, dibujos con sombras y degradados, y texto muy pequeño. Una fotografía con 32 colores se estiliza como un póster; es un efecto, no la fotografía en sí, y el archivo puede pasar de varios MB. El texto pequeño se calca letra por letra, pero no sale como tipografía: la forma de cada letra se vuelve un trazado, y si después quiere cambiar el texto tendrá que volver a escribirlo en el programa de diseño. En un PNG transparente, la zona transparente se conserva y queda vacía en el SVG; en un JPG el fondo también se vuelve una mancha de color, y para quitar el fondo blanco del SVG hay que eliminar ese trazado en el programa de diseño.

¿Cómo elegir el número de colores y el detalle?

El número de colores es en cuántos colores planos se reduce la imagen, y es el ajuste que más cambia el resultado. Cuente los colores reales del logo y elija el escalón siguiente: para un logo rojo y blanco, 2 o 4; para un emblema de cinco colores, 8. Elegir demasiados colores hace que los tonos intermedios de la compresión JPG cuenten como colores y produce capas de más; elegir pocos funde dos tonos parecidos en uno. Para una firma o un sello en blanco y negro lo correcto es 2 colores: fondo y línea.

El nivel de detalle fija con cuánta fidelidad se sigue el borde. «Poco» prefiere rectas y curvas amplias y descarta los bordes de menos de 20 píxeles: es la opción para rotulación y corte láser, porque la cortadora se traba en las irregularidades pequeñas. «Mucho» conserva detalles de hasta 3 píxeles: para dibujos técnicos de línea fina y escritura a mano. El tamaño de análisis de 800 píxeles basta para casi todo; 1200 da más detalle fino, pero el trazado tarda cuatro veces más y en el teléfono la página puede quedarse quieta unos segundos. Si la línea de resultado indica más de 500 trazados, la imagen no es adecuada para vectorizar o el número de colores es demasiado alto.

Preguntas frecuentes

¿Mejora la calidad de un logo JPG al convertirlo a vector?

Los bordes quedan nítidos y el logo se puede ampliar sin límite; en ese sentido, sí. Pero vectorizar no inventa detalles que no estén en el original: de un JPG borroso o muy pequeño salen trazados de formas borrosas. Use la versión más grande y más limpia que tenga; un logo de 800 píxeles de ancho o más da buen resultado.

¿Puedo hacer un SVG para Silhouette, Cricut o corte láser?

Sí. Para una firma, un texto o una forma de un solo color, elija 2 colores y detalle «Poco». El resultado es un SVG sencillo de trazados cerrados que los programas de corte abren directamente. El fondo blanco también sale como un trazado; en el programa de corte tendrá que borrar ese trazado exterior o seleccionar solo la forma interior.

¿Puedo convertir una fotografía a SVG?

Técnicamente sí, pero el resultado no es una fotografía sino un dibujo con efecto de póster: las transiciones suaves se convierten en 16 o 32 manchas de color plano. Si busca ese efecto artístico, pruebe con 32 colores y detalle «Medio»; el archivo puede pasar de varios MB. Si lo que quiere es ampliar la fotografía, el camino correcto no es el vector sino la herramienta de redimensionar imagen.

¿Mi imagen se sube a algún servidor?

No. Su imagen no sale de su dispositivo: la reducción de colores, el seguimiento de bordes y la escritura del SVG ocurren dentro de su navegador. Eso importa con un logo sin publicar o con el diseño de un cliente; con la página ya abierta, la conversión funciona incluso sin conexión a Internet.