Herramientas
Vectorizar imagen (a SVG)
Vectorizar imagen (PNG o JPG a SVG)
Convierte una imagen PNG, JPG o WEBP en un gráfico vectorial SVG editable.
Suelta una imagen aquí
o haz clic para elegirla, o pégala: PNG, JPG, WebP, GIF
Sobre esta herramienta
Vectorizar una imagen es convertir sus píxeles en formas de color que se pueden escalar sin perder nitidez. Es lo que necesitas cuando solo tienes un logotipo en PNG pequeño y quieres usarlo en un cartel, cortar un diseño con plóter o láser, editar una ilustración en Illustrator o Inkscape, o dar a una foto un aire de póster con pocos colores.
Suelta la imagen, haz clic para elegirla o pégala con Ctrl+V; la vectorización empieza sola y ves el SVG en la vista previa. Prueba los preajustes («Póster suave», «Curvas», «Ángulos», «Grises», «Paleta fija»…) o ajusta tú «Colores» (de 2 a 64), «Trazados», «Curvas», «Umbral», «Grosor del trazo» y «Escala»; en «Avanzado» hay desenfoque previo, muestreo de color y redondeo de coordenadas. Pulsa «Volver a vectorizar» para aplicar los cambios y luego «Descargar», «Copiar» u «Optimizar».
La imagen se procesa en tu navegador con la librería imagetracerjs, que se descarga de esta misma web; tu archivo no se sube a ningún servidor. Admite PNG, JPG, WebP y GIF (solo el primer fotograma). Funciona mejor con logotipos, iconos e ilustraciones de colores planos; con fotografías genera archivos muy pesados. Las imágenes muy grandes pueden tardar bastante: redúcelas antes si hace falta.
¿Cómo se convierte un PNG o un JPG en SVG?
- Arrastra la imagen al recuadro «Suelta una imagen aquí», haz clic para elegirla o pégala con Ctrl+V. Acepta PNG, JPG, WebP y GIF.
- La vectorización empieza sola con el preajuste «Equilibrado». Verás «Vectorizando la imagen…» y después el SVG en la vista previa, junto con el peso del archivo original y el del SVG.
- Si el resultado no te convence, elige otro «Preajuste»: los de póster reducen colores, «Curvas» y «Ángulos» cambian el tipo de contorno y «Grises» pasa la imagen a 7 tonos de gris.
- Para afinar, cambia «Colores», «Trazados», «Curvas» o «Umbral» (el preajuste pasa a «Personalizado») y pulsa «Volver a vectorizar» para ver el cambio.
- Pulsa «Descargar» para guardar el SVG, que se llama como tu archivo terminado en «-vectorizado.svg»; «Copiar» copia el código SVG y «Optimizar» lo abre en el optimizador de SVG de esta web para aligerarlo.
¿Qué imágenes dan mejor resultado al vectorizar?
La vectorización agrupa los píxeles en zonas de color y dibuja el contorno de cada una. Funciona mejor cuanto más claras sean esas zonas: logotipos, iconos, sellos, letras, dibujos de línea e ilustraciones de colores planos, con buen contraste y sin degradados.
Parte de la imagen más grande y limpia que tengas. Un logo diminuto o muy comprimido en JPG tiene bordes borrosos y manchas que se convierten en formas sueltas; para limpiarlas, sube el «Umbral» o prueba el preajuste «Suavizado», que desenfoca la imagen antes de vectorizarla.
Con fotografías el resultado es una versión posterizada, no una copia: muchas formas pequeñas y un archivo pesado. Para ese efecto están los preajustes de póster y los artísticos.
¿Qué hace cada ajuste de la vectorización?
«Colores» fija cuántos colores tendrá el SVG, de 2 a 64; para un logo, pon tantos como tintas tenga, contando el fondo. «Cuantización» es el número de vueltas del agrupado de colores: con más vueltas los colores son más fieles, pero tarda más.
«Trazados» y «Curvas» controlan cuánto se suavizan los contornos: con valores más altos las formas son más simples y tienen menos detalle. «Umbral» elimina los trazados con menos nodos que su valor, útil para quitar motas.
En «Salida», «Grosor del trazo» añade un contorno a cada forma (0 es sin trazo) y «Escala» multiplica el tamaño del SVG respecto a la imagen original. En «Avanzado» están, entre otros, «Radio de desenfoque», «Muestreo de color», «Redondeo de coordenadas» (menos decimales, archivo más pequeño) y «Modo de capas».
Preguntas frecuentes
¿Cómo paso un logotipo de PNG a SVG?
Súbelo aquí, baja «Colores» al número de tintas que tenga el logo (por ejemplo, 2 o 3) y sube un poco el «Umbral» para eliminar motas. Después descarga el SVG y, si quieres un archivo más ligero, pulsa «Optimizar».
¿Por qué el SVG ocupa más que la imagen original?
Porque cada mancha de color se convierte en un trazado con muchos puntos. Reduce el número de colores, sube el «Umbral», baja el «Redondeo de coordenadas» o usa «Optimizar» para aligerarlo.
¿Se puede vectorizar una foto?
Se puede, pero el resultado será una versión posterizada, parecida a un póster o una serigrafía, no una copia fiel. Los preajustes de póster y los artísticos están pensados justo para ese efecto.
¿El SVG que obtengo se puede editar?
Sí. Cada zona de color es un trazado independiente que puedes seleccionar, recolorear o borrar en Inkscape, Illustrator, Figma o cualquier editor vectorial.