Acerca de Any2SVG

¿Qué es Any2SVG?

Any2SVG es un conversor gratuito de imágenes a SVG que transforma imágenes rasterizadas en gráficos vectoriales escalables directamente en tu navegador. No necesitas crear una cuenta, no hay suscripción que pagar y tu archivo de salida no lleva marca de agua. Solo sube una imagen, ajusta algunos parámetros si lo deseas y descarga un archivo SVG listo para usar.

La herramienta acepta los formatos rasterizados más comunes: PNG, JPG/JPEG, WebP, GIF, BMP, TIFF y AVIF, con un límite de 10 MB por imagen. Como el formato de salida es SVG, puedes redimensionarlo a cualquier tamaño sin la pixelación que aparece al escalar un mapa de bits.

Any2SVG está pensado para cualquiera que necesite una versión vectorial rápida de un logotipo, icono, ilustración o gráfico. Funciona mejor con imágenes de alto contraste y formas bien definidas. Las fotografías y las imágenes con gradientes sutiles también se convierten, pero el resultado es una aproximación vectorial estilizada en lugar de una reproducción perfecta píxel a píxel.

Cómo funciona la vectorización de imágenes

Cuando sueltas una imagen en Any2SVG, la conversión ocurre en tres etapas. Primero, el navegador renderiza el archivo fuente en un elemento HTML Canvas, lo que proporciona a la herramienta datos de píxeles sin procesar. Segundo, esos datos de píxeles son trazados por ImageTracer.js, una biblioteca JavaScript del lado del cliente que examina cada píxel, agrupa colores similares y dibuja rutas vectoriales alrededor de cada región de color.

El algoritmo de trazado cuantiza la imagen en una paleta de colores limitada y luego genera elementos de ruta SVG que aproximan los límites entre esas regiones de color. Los bordes rectos y las fronteras de alto contraste se traducen en rutas limpias y ajustadas. Los gradientes suaves y las texturas fotográficas producen resultados más complejos y menos predecibles.

Es importante entender que este proceso crea una aproximación vectorial de la imagen original, no una reproducción 1:1. Los gráficos simples como logotipos, iconos y arte lineal generan los SVG más limpios. Las fotografías complejas se convertirán, pero el resultado se verá como una versión estilizada y posterizada de la fuente. Para más información sobre la diferencia entre imágenes rasterizadas y vectoriales, consulta nuestra guía sobre imágenes rasterizadas vs. vectoriales.

Controles de vectorización explicados

Any2SVG te ofrece varios controles para ajustar con precisión cómo el algoritmo de trazado interpreta tu imagen. Entender estos parámetros te ayudará a obtener el mejor resultado SVG posible para tu caso de uso específico.

Número de colores determina cuántas regiones de color distintas crea el trazador. Menos colores producen archivos SVG más simples y pequeños con formas más amplias. Más colores capturan detalles más finos pero aumentan el tamaño del archivo y la complejidad de las rutas. Para logotipos e iconos, un número bajo de colores suele funcionar mejor.

Nivel de detalle controla cuán fielmente las rutas trazadas siguen los límites de los píxeles. Un mayor detalle implica curvas más ajustadas y más puntos de anclaje, lo que mejora la precisión pero aumenta el tamaño del archivo. Un menor detalle suaviza las rutas y puede eliminar el ruido.

Optimización de rutas simplifica las rutas generadas eliminando puntos redundantes y enderezando segmentos casi lineales. Una mayor optimización produce archivos más limpios y pequeños. Precisión de coordenadas establece cuántos decimales usan las coordenadas de las rutas. Menos decimales significan archivos más pequeños a costa de un ligero redondeo posicional.

Modo de capas determina si las regiones de color se apilan unas sobre otras o se colocan una al lado de otra. Preprocesamiento de desenfoque aplica un ligero desenfoque gaussiano a la imagen rasterizada antes del trazado, lo que puede reducir el ruido en las fotografías. La opción de viewBox te permite definir el sistema de coordenadas SVG de forma independiente a las dimensiones en píxeles.

Un buen punto de partida para logotipos: usa menos colores, mayor optimización de rutas y un detalle moderado. Para ilustraciones con mayor rango tonal, aumenta el número de colores y el nivel de detalle.

Formatos compatibles y conversión por lotes

Any2SVG acepta siete formatos de imagen rasterizada como entrada: PNG, JPG/JPEG, WebP, GIF, BMP, TIFF y AVIF. Cada archivo puede tener hasta 10 MB de tamaño. El formato de salida siempre es SVG.

Puedes convertir múltiples imágenes a la vez usando el modo por lotes. Selecciona o arrastra varios archivos al conversor, ajusta los parámetros de vectorización y conviértelos todos en una sola operación. Cuando termines, descarga todos los resultados de una vez como un archivo ZIP, ensamblado en el navegador con la biblioteca de compresión fflate.

Antes de la conversión, también tienes acceso a herramientas de preprocesamiento. La función de redimensionar te permite escalar la imagen por ancho, alto, dimensiones exactas, porcentaje o presets de pantalla comunes, con una opción de ampliación. La herramienta de recorte ofrece controles de zoom y relación de aspecto, incluyendo recorte libre y un preset cuadrado 1:1. La auto-orientación lee la etiqueta de orientación EXIF y rota la imagen en consecuencia, para que las fotos tomadas con dispositivos móviles se muestren correctamente antes del trazado.

Guías relacionadas

Mantenemos una biblioteca creciente de artículos y guías para ayudarte a sacar el máximo provecho de la conversión de imágenes y entender los formatos involucrados. Aquí tienes dos que complementan la información de esta página:

• Metadatos de imágenes (EXIF): qué son, riesgos y cómo eliminarlos — Entiende qué metadatos llevan tus fotos, por qué pueden ser un problema de privacidad y cómo eliminarlos antes de compartir o convertir.
• Imágenes rasterizadas vs. vectoriales — Aprende la diferencia fundamental entre gráficos basados en píxeles y basados en rutas, y por qué SVG es el formato preferido para elementos visuales escalables en la web.