Qué significa vectorizar una imagen

Una imagen ráster, como un PNG, JPG o WebP, es una cuadrícula de píxeles, cada uno de un color. Si la amplías, los píxeles se hacen más grandes y los bordes se ven borrosos o en escalera. Una imagen vectorial describe el dibujo con trazados y rellenos: contornos hechos de líneas y curvas, y el color de dentro de cada uno. El renderizador dibuja esos contornos al tamaño que le pidas, así que los bordes siguen nítidos.

Vectorizar es pasar del primer tipo de imagen al segundo. "Ráster a vector", "imagen a vector" y "PNG a vector" son el mismo trabajo: el trazado, que encuentra las zonas de color en los píxeles y contornea cada una como un trazado.

Un SVG que solo envuelve el PNG original en un elemento <image> no está vectorizado. Se abre como un SVG, pero se sigue viendo borroso al ampliarlo, porque la imagen de dentro sigue siendo de píxeles. Cómo distinguir un vector real de un PNG envuelto.

Cómo vectoriza png2svg.art una imagen

  1. Elige un pequeño conjunto de colores planos, hasta el número que indiques, a partir del interior sólido de las formas, no de sus bordes suaves.
  2. Asigna cada píxel a uno de esos colores. En un PNG o WebP, los píxeles con menos de la mitad de opacidad no pertenecen a ningún color y siguen transparentes.
  3. Traza todos los colores a la vez, así que donde dos colores se tocan comparten un mismo límite, hecho de segmentos rectos y curvas de Bézier.
  4. Agrupa el resultado por objeto (primero el fondo, luego cada objeto por separado) y escribe cada forma como su propio <path> relleno de su color, anidado según lo que encierra a qué (un ojo dentro de una cara). Los huecos, como el interior de una "O", quedan abiertos.
  5. Antes de entregártelo, comprueba que cada resultado contenga solo trazados vectoriales, sin mapas de bits incrustados ni scripts.

El trazado no es IA. No inventa detalle ni vuelve a dibujar tu imagen con otro estilo; contornea los colores que ya están ahí.

Cuándo funciona y cuándo no

Imágenes que se vectorizan bien:

  • logos, iconos y arte lineal;
  • stickers, clip art e ilustraciones planas;
  • arte de IA de estilo plano con pocos colores sólidos (Imagen de IA a SVG).

Imágenes que no:

  • Fotos, degradados y sombras suaves. Salen como franjas de color plano, como un póster, porque cada trazado tiene como máximo 24 colores. Por qué las fotos salen posterizadas.
  • Texto pequeño. Las letras de menos de unos 10 px de alto no se trazan limpias. Vuelve a escribirlas con una fuente en un editor vectorial y colócalas sobre el trazado.
  • Imágenes pequeñas o borrosas. El trazado no añade resolución, así que los contornos salen más redondeados y suaves que el diseño que tenías en mente.

Vectoriza una imagen en cuatro pasos

  1. Sube un PNG, JPG, WebP o HEIC de hasta 25 MB, en el cuadro de esta página o en el convertidor.
  2. Elige un preajuste y mueve el control Colores, hasta al número de colores que ves.
  3. Revisa la vista previa gratis con marca de agua, sin registro, y vuelve a trazar si las formas no cuadran.
  4. Desbloquea el SVG limpio por 1 crédito (3 créditos gratis con una cuenta) y descárgalo.

Cada ajuste se explica, junto con cómo hacer lo mismo en Inkscape e Illustrator, en cómo convertir PNG a SVG, paso a paso.

Preguntas

¿Imagen a vector es lo mismo que PNG a SVG?

Casi. SVG es el formato vectorial que usan la web y el software de corte, y es el único formato que genera el trazador de png2svg.art, así que vectorizar una imagen aquí siempre te da un SVG.

¿Puedo vectorizar una foto?

Sí, pero sale como zonas de color plano, hasta 24 colores, no como un vector fotorrealista. Puede ser justo lo que buscas para un aspecto de póster o de esténcil.

¿Qué significa ráster a vector?

Convertir una cuadrícula de píxeles en trazados: trazar las zonas de color de una imagen ráster y contornear cada una, para que el resultado se escale sin desenfoque.

¿Es gratis?

La vista previa con marca de agua es gratis y sin registro (5 al día como invitado). Un SVG limpio cuesta 1 crédito (3 créditos gratis con una cuenta).

¿Puedo editar el vector después?

Sí. Cada objeto es una capa que contiene sus formas como trazados, y en el editor SVG, que requiere una cuenta, puedes cambiar el color de cualquiera de ellas, moverla, modificarla punto a punto u ocultarla. El editor también une, resta e interseca formas; para desplazar un contorno, usa un editor vectorial de escritorio como Inkscape.