Optimizador y editor SVG
Optimiza, comprime y edita gráficos vectoriales SVG online. Elimina metadatos innecesarios del editor, redondea coordenadas decimales y remodela visualmente los nodos de anclaje de los trazados en pantalla con total privacidad local.
¿Por qué usar nuestro optimizador y editor SVG?
- Optimización totalmente local: Tus archivos vectoriales se procesan íntegramente en la memoria del navegador. No se sube ningún dato a servidores remotos, lo que te da privacidad absoluta al optimizar iconos sensibles, maquetas de interfaz e ilustraciones corporativas.
- Edición interactiva de anclajes: Ajusta los diseños vectoriales visualmente. Cambia al modo editor para ver los nodos vectoriales en pantalla y arrastra los tiradores circulares para remodelar curvas y trazados al instante y en tiempo real.
- Control de precisión decimal: Personaliza el redondeo de coordenadas de 0 a 4 decimales. Descartar detalles de microprecisión innecesarios comprime la descripción textual del trazado y reduce bastante el tamaño del archivo.
- Eliminador inteligente de metadatos: Borra el exceso del editor sin esfuerzo. El motor elimina de forma recursiva comentarios XML, espacios de nombres (como los metadatos de Sketch, Inkscape y Adobe Illustrator), envoltorios de grupo inútiles y nodos contenedores vacíos.
Entender la estructura SVG y el código XML vectorial
Los gráficos vectoriales escalables (SVG) son un formato de imagen vectorial basado en XML para gráficos bidimensionales. A diferencia de las imágenes de mapa de bits (como JPEG o PNG), que almacenan valores de color para cuadrículas de píxeles, los SVG contienen coordenadas, líneas, curvas y formas escritas en código estructurado. Esta configuración basada en texto permite escalar los SVG infinitamente sin perder calidad. Al ser archivos de código, su tamaño en bytes depende de la longitud de las cadenas de coordenadas y de las etiquetas XML dentro de la jerarquía del DOM.
¿De dónde viene el exceso de XML en los SVG?
Cuando exportas una ilustración vectorial desde programas profesionales como Adobe Illustrator, Inkscape o Figma, el software inserta numerosas etiquetas auxiliares de metadatos. Esas cabeceras incluyen configuraciones del editor, coordenadas de la ventana gráfica, guías de conexión, espacios de nombres personalizados y atributos del espacio de trabajo. Aunque son útiles para editar en ese programa concreto, los navegadores las ignoran por completo. Eliminar esos espacios de nombres y comentarios deja el archivo con las declaraciones geométricas puras.
Cómo comprime la precisión decimal los vectores
El atributo de datos de trazado (d) contiene comandos y números que indican al navegador dónde dibujar las coordenadas. A menudo los editores generan coordenadas con una precisión decimal extrema, como 14.2839281. Esas fracciones microscópicas representan partes de un subpíxel que el ojo humano no distingue. Redondear las coordenadas a 1 o 2 decimales (por ejemplo, 14.28) descarta ese ruido visual, reduce mucho la longitud de la cadena de texto y recorta el tamaño del SVG entre un 30 % y un 60 %.
Preguntas frecuentes
El optimizador y editor SVG es una herramienta online gratis que permite comprimir imágenes vectoriales SVG y editar sus nodos de trazado. Funciona íntegramente en tu navegador: puedes eliminar el exceso del editor, redondear coordenadas, arrastrar nodos de anclaje y descargar los archivos optimizados al instante.
La herramienta analiza el árbol XML del SVG y elimina espacios de nombres del editor, etiquetas de metadatos, comentarios y elementos vacíos. Después extrae todas las coordenadas de los datos de trazado y las redondea a la precisión decimal que elijas, lo que reduce mucho el tamaño de archivo sin perder fidelidad de diseño.
No. Para garantizar una privacidad absoluta, el optimizador y editor SVG se ejecuta íntegramente en el lado del cliente. Todo el análisis XML, la edición de trazados, el renderizado visual y la creación de archivos ocurren en la memoria de tu navegador. Tus archivos nunca se envían a ningún servidor externo.
Los nodos de anclaje son las coordenadas donde empiezan y terminan los comandos de trazado SVG (como línea a o curva a). Al pasar al espacio de trabajo del editor puedes seleccionar cualquier trazado para ver esos nodos y arrastrar sus tiradores circulares para modificar la forma vectorial.
Números de coordenadas como 125.438291 contienen demasiado detalle. Redondearlos a 1 o 2 decimales (por ejemplo, 125.44) descarta valores microscópicos por debajo del píxel, comprime la representación textual de las coordenadas y reduce el tamaño del SVG hasta un 50 %.
Sí. Aunque está optimizada para pulir archivos existentes, el editor interactivo te permite remodelar trazados, modificar nodos de anclaje y comprobar los cambios visuales en tiempo real. Es perfecta para ajustar curvas vectoriales, iconos e ilustraciones.
Sí. Esta utilidad es 100 % gratis, sin registro, sin límites de uso y sin marcas de agua. Puedes limpiar, editar y comprimir un número ilimitado de archivos vectoriales. Todo funciona al instante y sin conexión en tu navegador moderno.