Saltar al contenido principal
ToolsByUs

Vectorizador SVG

Convierte logotipos e imágenes de colores planos en trazados SVG editables. Ajusta la paleta, la simplificación, las esquinas y la transparencia; la vectorización se ejecuta en un worker local del navegador. Tu imagen no se sube a un servidor.

Solo local

Suelta una imagen aquí

o suéltalo en cualquier parte de la página · Elegir un archivo · 100 MB

Aceptados: JPG, JPEG, PNG, WebP, AVIF, HEIC, HEIF, GIF, BMP

La imagen se descodifica, se vectoriza y se dibuja en esta pestaña. Esta herramienta no tiene servidor, así que no hay nada que limpiar ni política de retención que leer.

¿Cómo funciona Vectorizador SVG?

Este vectorizador utiliza un algoritmo local propio. Primero reduce la imagen a un máximo de 900 píxeles en su lado más largo y agrupa los colores en una paleta de entre 2 y 8 tonos. Los píxeles totalmente transparentes siempre quedan excluidos.

Después busca los límites de cada región de color y enlaza sus bordes en contornos cerrados. Los contornos de un mismo color se combinan con `fill-rule="evenodd"` para conservar los huecos interiores.

La simplificación reduce el número de puntos y el umbral de esquina controla el redondeado. Cambiar estos ajustes vuelve a calcular el resultado en un worker local. Invertir el orden de las capas cambia su orden de pintado, sin invertir los colores.

Los logotipos limpios y las ilustraciones de colores planos dan resultados más fáciles de editar que las fotografías. Una imagen muy detallada puede alcanzar los límites de complejidad; reduce el tamaño, la paleta o el detalle de la fuente si el resultado no puede generarse.

Imagen original y ajustes de vectorización

logo.png · 1200 × 400
Colores 2
Simplificación 1.2px
Umbral de esquinas 60°

SVG generado

<svg xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 900 300" width="900" height="300">
  <path fill="#1b1b1f" fill-rule="evenodd" d="M10 10H890V290H10ZM100 100V200H800V100Z"/>
</svg>

¿Qué opciones y casos límite admite Vectorizador SVG?

Referencia técnica y opciones
ParámetroTipoValor predeterminadoComportamiento y casos límite
Colores2–82Ajusta el tamaño de la paleta; menos colores suelen producir un SVG más sencillo.
Simplificaciónpíxeles1.2Controla la tolerancia al reducir los puntos del contorno; valores mayores conservan menos detalle.
Umbral de esquinagrados60°Decide qué giros conservan una esquina y cuáles se suavizan mediante curvas.
Umbral alfa0–2558Excluye los píxeles por debajo del umbral. Los píxeles con alfa cero nunca se vectorizan, incluso con el umbral en cero.
Invertir el orden de las capasinterruptordesactivadoInvierte el orden de pintado de los colores sin cambiar sus valores.
Tamaño de trabajo900 pxlimitadoReduce el lado más largo a un máximo de 900 píxeles antes de vectorizar; el SVG utiliza esas dimensiones.

Preguntas frecuentes

¿Cómo convierto un logotipo PNG a SVG?

Elige una imagen limpia y empieza con una paleta pequeña. El resultado se recalcula al cambiar los ajustes. Reduce la simplificación para conservar más detalle o auméntala si necesitas menos nodos.

¿Por qué una fotografía se vectoriza mal?

Los degradados y las texturas se convierten en regiones de color que pueden producir muchos contornos. Esta herramienta resulta más adecuada para logotipos, iconos e ilustraciones de colores planos. Utiliza una fuente más limpia o reduce su paleta.

¿Puedo editar el SVG en una aplicación de diseño?

Sí. La salida contiene trazados vectoriales rellenos, sin una imagen ráster incrustada. Su facilidad de edición depende del número de nodos y del detalle de la imagen original.

¿Qué pasa con los píxeles transparentes?

Los píxeles totalmente transparentes siempre se excluyen. El umbral alfa permite excluir también píxeles semitransparentes. Un umbral de cero incluye los píxeles con algo de opacidad, pero nunca los que tienen alfa cero.

¿Se sube mi imagen?

No. La imagen se decodifica y se reduce en el navegador; un worker local genera los contornos. El procesamiento no envía el contenido del archivo a un servidor.

¿Por qué el SVG es tan grande?

Una paleta amplia o una imagen con mucho detalle crea más regiones y nodos. Reduce los colores o aumenta la simplificación. Si se alcanza el límite de complejidad, utiliza una fuente más pequeña o sencilla.

Equipo de ToolsByUs · Cómo comprobamos nuestras herramientas