Imagen a SVG (trazado de mapa de bits)
ImágenesTodo se ejecuta en tu navegador: no se sube nada
Arrastra la imagen aquí o haz clic para elegirla
También puedes pegar una captura con Ctrl/⌘ + V
PNG / JPEG / WebP / GIF / BMP / AVIF · hasta 30 MB cada una
Traza un mapa de bits a rutas vectoriales y obtén un SVG que se mantiene nítido a cualquier tamaño y se puede seguir editando en Illustrator o Figma. Primero, para qué sirve: vectorizar no es renombrar un JPG, sino encontrar los límites de color de la imagen y dibujarlos como polígonos. Así, iconos, logotipos, dibujos de líneas, partituras, mapas, sellos, códigos QR —cualquier cosa con pocos colores y bordes nítidos— sale bien, mientras que una foto produce un montón de manchas de color: el archivo puede pesar más que el original y ampliar no revelará detalle alguno, porque no lo había. Eso es propio del método, no un defecto de la implementación. Para juzgar si tu imagen le conviene, mira cuántos colores tiene: unas decenas o menos se traza bien; decenas de miles significa que es una foto.
Funciones
- Trazado en color y trazado en blanco y negro
- Número de colores ajustable (2–64): menos es más limpio, más se parece
- Tres niveles de detalle, que mueven juntos la tolerancia de ajuste y el filtro de motas
- Tamaño de trazado ajustable (lado mayor 400–2000 px), que fija el tamaño del archivo y el tiempo empleado
- Se aplica antes un desenfoque leve, para suprimir el ruido de JPEG y escáner que si no se trazaría como miles de motas
- Las zonas transparentes se aplanan a blanco; si no, cada una se traza como una mancha negra
- La salida es SVG conforme al estándar, editable en Illustrator, Figma o Inkscape
- La tarjeta de resultado informa del número de rutas, la medida más directa de cuánto se aleja del original
- Todo se ejecuta en local en el navegador; la imagen nunca se sube
Cómo se usa
- Suelta la imagen, o haz clic para elegir una
- Elige color o blanco y negro
- Empieza con 16 colores; baja si queda recargado o sube si no se parece lo bastante
- Genera y descarga el SVG
Preguntas frecuentes
- ¿Por qué mi foto ha salido como un montón de manchas de color?
- Porque las fotos no son aptas para vectorizar. El método encuentra límites de color y los dibuja como polígonos, pero en una foto casi cada píxel difiere un poco de su vecino: el resultado son unos cientos de bloques (que se lee como un collage) o decenas de miles de rutas (un archivo más grande que el original). La prueba es sencilla: cuenta los colores. Un icono, un logotipo o un dibujo de líneas tiene unas decenas o menos y se traza limpio; una foto tiene decenas de miles y da el resultado de arriba. Vectorizar una foto como es debido requiere un modelo de tipo IA, que es otra clase de herramienta.
- ¿Qué número de colores debería usar?
- Empieza con 16. Bajar (8, 4) hace el dibujo más de póster y el archivo más pequeño, lo que conviene a iconos y dibujos de líneas; subir (32, 64) se parece más al original, pero el número de rutas sube rápido y el archivo con él. Ten en cuenta que esto y el detalle son mandos distintos: el número de colores decide cuántos colores se usan, mientras que el detalle decide con qué precisión se trazan los límites y qué mota tan pequeña se descarta.
- ¿Para qué sirve el tamaño de trazado?
- Fija cuánto se reduce la imagen antes de trazarla (lado mayor en píxeles), lo que determina directamente el tiempo empleado y el tamaño del archivo, ya que el número de rutas crece con el de píxeles. Una imagen de 4000 px trazada a 2000 tiene aproximadamente el cuádruple de rutas que a 800. El valor predeterminado de 800 basta para la mayoría de los iconos; los dibujos de líneas densos (partituras, mapas) pueden subir a 1200 o 2000, con un archivo notablemente mayor. Nunca amplía tu imagen: lo que sea menor que el límite se traza a su propio tamaño.
- ¿Por qué un PNG transparente sale con bordes blancos?
- La herramienta aplana las zonas transparentes a blanco antes de trazar. El algoritmo de trazado solo mira los canales RGB, y un píxel transparente es `rgba(0,0,0,0)` —negro pero invisible—, así que sin ese paso cada zona transparente se trazaría como una mancha negra y el resultado sería un borrón oscuro sobre fondo claro. Con la base blanca, la transparencia pasa a blanco (el color de fondo), igual que se ve. Si quieres un SVG transparente, borra esa capa blanca en un editor vectorial después de exportar.
- ¿Se sube mi imagen?
- No. La decodificación, el trazado y la generación ocurren en la memoria del navegador; la página no hace peticiones y funciona sin conexión.
Herramientas relacionadas
Editor SVG
ImágenesEscribe SVG a la izquierda y velo a la derecha. Cambia el fondo y revisa xmlns, viewBox y recursos externos. Tu código no entra en la página.
Iconos de aplicación
ImágenesGenera el AppIcon de iOS, los mipmap de Android, el icono adaptativo y el .icns de macOS desde una imagen. Ajusta esquinas y margen; iOS se aplana.
Generador de favicon
ImágenesConvierte una imagen en el juego completo de iconos: favicon.ico (16/32/48), apple-touch-icon y los 192 y 512 de PWA. Nada se sube.
Conversor de formato
ImágenesConvierte entre PNG, JPEG, WebP, AVIF, BMP y TIFF, con calidad y tamaño ajustables. Al pasar a JPEG se pinta un fondo: la transparencia no sale negra.
Divisor de imágenes
ImágenesDivide una imagen en cuadrícula para publicar en nueve celdas o partir una imagen larga. Seis cuadrículas, margen por celda y nombres numerados.
Marca de agua
ImágenesAñade una marca de agua: nueve posiciones y mosaico, tamaño proporcional a la imagen y opacidad ajustable. El mosaico inclinado resiste el recorte.