Convertir imagen a SVG

Cómo convertir una imagen a SVG

1. Suelta una imagen PNG, JPG, WebP o GIF en la zona de carga o haz clic en ella para elegirla. El original aparece a la izquierda.
2. Elige un Ajuste predefinido: - Logotipo (colores planos, formas limpias) para logotipos, iconos, sellos e ilustraciones planas; - Detallado (más colores y trazados) para dibujos con sombreado o muchos colores; - Posterizado (4 colores suavizados) para un resultado estilizado, tipo póster, a partir de una foto.
3. Ajusta el Número de colores (de 2 a 64) e Ignorar motas de menos de (px) si hace falta. El ajuste predefinido rellena valores razonables para ambos.
4. Elige un Tamaño de trabajo (lado más largo). La imagen se vectoriza a ese tamaño; el SVG conserva las dimensiones originales.
5. Haz clic en Vectorizar a SVG. El resultado aparece a la derecha con su tamaño de archivo, el número de trazados y de colores y el tiempo que ha tardado la vectorización.
6. Haz clic en Descargar SVG, o en Copiar código SVG para pegar el código en tu HTML o en tu programa de diseño.

Cómo funciona la vectorización

Esta herramienta usa imagetracerjs, un vectorizador de código abierto, en tres pasos:

1. Cuantización de colores: la imagen se reduce al número de colores que has elegido. Cada píxel se asigna al color más cercano de la paleta, y la paleta se afina en varias pasadas.
2. Detección de bordes: para cada color, se siguen los contornos de todas las zonas de ese color, incluidos los huecos (como el interior de una «O»).
3. Ajuste de trazados: los contornos se simplifican en líneas rectas y curvas cuadráticas, que se convierten en elementos <path> del SVG.

Las zonas más pequeñas que el umbral Ignorar motas de menos de (px) se descartan, lo que elimina el ruido y los artefactos de JPG. Un valor de 0 lo conserva todo; de 8 a 20 va bien para logotipos; valores más altos dan un dibujo más limpio pero más simple. Las zonas totalmente transparentes se eliminan, así que un logotipo sobre fondo transparente sigue siendo transparente.

Qué da buenos resultados

La vectorización funciona mejor con logotipos y dibujos sencillos: pocos colores planos, bordes nítidos y sin degradados. Un boceto escaneado, una firma en blanco y negro o un icono de pixel art se vectorizan muy bien con 2 a 8 colores.

Las fotos son otra historia. Una foto contiene miles de tonos sutiles, así que una versión vectorial fiel necesita muchos colores y decenas de miles de trazados, y el SVG acaba pesando mucho más que el JPG. Usa mejor Posterizado (4 colores suavizados) para lograr un efecto artístico, y no esperes un resultado fotográfico. Si el SVG se vuelve muy pesado, la herramienta te avisa.

Consejos para un logotipo más limpio:

• parte de la versión más grande y nítida de la imagen que tengas;
• pon en Número de colores el número real de colores del logotipo (fondo incluido);
• sube el umbral de motas si ves puntitos alrededor de los bordes.

Privacidad y seguridad de la vista previa

La imagen se vectoriza en tu navegador y nunca se sube. La vista previa del SVG se muestra como una imagen simple desde una dirección blob privada, nunca insertada en la página, así que ni siquiera un archivo extraño puede ejecutar código.