Usa el Suavizador de Rutas SVG gratuito abajo: tus datos nunca salen de tu navegador, todo el trabajo ocurre en tu dispositivo y no se sube a ningún servidor.
Por Qué las Rutas Salen Irregulares
Las rutas irregulares vienen de todas partes: un trazado dibujado a mano, un trazo grabado con el ratón, un mapa de bits convertido o un registro de sensor con muestras ruidosas. Cada fuente añade pequeños cambios de dirección que el ojo lee como aspereza, incluso cuando la forma general está bien. El suavizado elimina esos pequeños cambios pero mantiene la forma general, así que una línea temblorosa se convierte en una curva limpia. La herramienta de arriba suaviza rutas SVG pegadas, usando la simplificación de Paper.js cuando está disponible, con un suavizado Chaikin integrado como respaldo, y te da un SVG limpio para copiar o descargar.
La entrada es el atributo d de una ruta SVG, la cadena de comandos M y L que enumera los puntos. La herramienta analiza esos puntos, los simplifica y dibuja el resultado en una vista previa para que puedas comparar la curva suavizada con la original irregular en tu cabeza. La salida es una nueva cadena de ruta, envuelta en un archivo SVG completo, lista para pegar en una página o abrir en un editor vectorial.
Cómo Usar el Suavizador
Pega los datos de tu ruta en el cuadro. El ejemplo por defecto es una línea en zigzag, que es una buena prueba: suavízala con un valor bajo y con un valor alto, y observa la diferencia. Define el control de suavizado en un valor bajo, alrededor de cinco, cuando quieras mantener el detalle y solo eliminar las vibraciones más pequeñas. Defínelo en un valor alto, alrededor de veinte o más, cuando quieras una curva fluida y puedas permitirte perder esquinas afiladas. Después elige un color de trazo, pulsa Suavizar ruta y copia o descarga el resultado.
Comprueba la forma resultante antes de usarla. El suavizado es un equilibrio, no una mejora gratuita: demasiado suavizado redondea esquinas que deberían mantenerse afiladas, como la punta de una estrella o la esquina de una letra. Si una esquina importa, suaviza en dos pasadas suaves en lugar de una pasada fuerte, o divide la ruta en la esquina y suaviza cada parte por separado.
Cómo Difieren Simplify y Chaikin
La simplificación de Paper.js funciona eliminando puntos que no cambian mucho la forma, y después ajustando curvas suaves por los puntos que quedan. Es buena para conservar el contorno general mientras reduce mucho el número de puntos, lo que también hace los archivos más pequeños. El suavizado Chaikin funciona de otra forma: corta las esquinas repetidamente, sustituyendo cada esquina por dos puntos nuevos, lo que redondea la ruta poco a poco. Ambos métodos producen curvas limpias, pero simplify es mejor para trazados ruidosos con muchos puntos redundantes, mientras que Chaikin es mejor cuando quieres un redondeo suave y uniforme.
La herramienta informa de qué motor se ejecutó, para que sepas qué produjo tu resultado. Si Paper.js no puede cargarse, el respaldo Chaikin sigue dándote una ruta realmente suavizada, no un error. Ese respaldo importa, porque una herramienta que falla cuando falla una biblioteca es una herramienta en la que no puedes confiar para trabajo real.
Preparar Rutas para el Suavizado
Una entrada limpia se suaviza mejor. Elimina los puntos duplicados, donde la misma coordenada se repite, porque los duplicados pueden confundir el ajuste de curvas. Mantén el orden de los puntos: una ruta que salta adelante y atrás se suavizará en un enredo, no en una curva. Si tu ruta usa comandos de curva como C o Q, conviértelos primero en segmentos de línea, o simplifica la polilínea muestreada a partir de ellos. Y mantén la escala de coordenadas razonable: las rutas en cientos de unidades, como el ejemplo por defecto, se suavizan de forma predecible, mientras que las rutas en millones pueden hacer difícil juzgar los valores de tolerancia.
También piensa si el suavizado es la solución correcta. Una ruta irregular porque tiene muy pocos puntos necesita más puntos, no suavizado. Una ruta irregular por ruido necesita suavizado. Mira el número de puntos: cientos de puntos con pasos diminutos significan ruido, y el suavizado ayudará. Una docena de puntos con pasos grandes significa una forma basta, y el suavizado solo redondeará lo que ya existe.
Preguntas Frecuentes
¿Por qué desapareció mi esquina afilada? Un suavizado alto redondea cada esquina, incluidas las deliberadas. Baja el valor, o divide la ruta en la esquina y suaviza las partes por separado.
¿El suavizado reduce el tamaño del archivo? Normalmente sí, porque simplify elimina puntos redundantes. Un trazado ruidoso con miles de puntos puede encogerse a una fracción de su tamaño sin cambio visible.
¿Puedo suavizar una forma cerrada? Sí, siempre que los datos de la ruta enumeren los puntos en orden. La herramienta trata la lista de puntos como un trazo; para una forma cerrada, asegúrate de que el último punto coincida con el primero.
Pega una ruta irregular arriba, ajusta el suavizado hasta que la forma se lea limpia y descarga el resultado.