Optimizador y minificador de SVG gratis
Elimine metadatos, contraiga espacios en blanco y redondee decimales para reducir drásticamente el tamaño del archivo SVG: reducciones típicas del 30 al 70 %. La vista previa visual verifica que nada se rompa.
Suelta un archivo aquí o haz clic para buscarlo
SVG · procesado en tu dispositivo
o pulsa Ctrl+V para pegar desde el portapapeles
Tus archivos nunca salen de tu dispositivo. Todo el procesamiento se realiza localmente en tu navegador.
Usos habituales
- Optimiza Iconos SVG para ProducciónElimina metadatos innecesarios de los SVGs de iconos antes de desplegar — reducción típica del 50-80%.
- Optimiza SVGs de Logo de MarcaReduce el tamaño de archivo del logo SVG para carga rápida del sitio web sin sacrificar calidad.
- Optimiza Ilustraciones y SVGs HeroPara ilustraciones más grandes (heroes, gráficos decorativos), la optimización puede reducir el tamaño de archivo en 30-70%.
- Reduce el Tamaño del Bundle de JavaScriptCuando los SVGs se importan como componentes React o se incrustan en código, optimizarlos encoge tu bundle de JS.
- Limpia Exportaciones de SVG de Figma / SketchLas exportaciones SVG de Figma y Sketch incluyen metadatos extensos. Elimínalos antes de usar en producción.
Cómo funciona
Esta herramienta reduce el tamaño de archivo SVG usando un optimizador escrito a mano que se ejecuta enteramente en tu navegador: sin bibliotecas, sin servidor. Combina dos pasadas: el DOMParser/XMLSerializer integrado del navegador para trabajo de precisión a nivel de atributo, y sustituciones específicas por expresión regular para eliminar comentarios, quitar metadatos, y colapsar espacio en blanco.
- 1DOMParser sanitiza el SVGAntes de cualquier optimización, el DOMParser del navegador lee el SVG como XML y recorre cada elemento. Las etiquetas de script, manejadores de eventos (cualquier atributo on*), elementos de animación, y referencias de URL externas se eliminan incondicionalmente: esto ocurre sin importar qué opciones de optimización elijas.
- 2Redondeo decimal basado en DOMSi el redondeo decimal está activado, el optimizador recorre el DOM analizado una segunda vez y aplica el redondeo solo a atributos numéricos conocidos (datos d de trazado, coordenadas, valores de transform, anchos de trazo, etc.), usando una expresión regular que coincide con números de punto flotante individuales sin corromper valores de trazado concatenados como .5.5.
- 3Las pasadas de expresión regular limpian el marcado serializadoXMLSerializer produce XML normalizado, y luego sustituciones de cadena específicas eliminan comentarios HTML, metadatos del editor Inkscape/Sodipodi, la declaración XML, atributos predeterminados redundantes (como version="1.1"), y espacio en blanco entre etiquetas: cada pasada acotada estrechamente para que el contenido de los nodos de texto nunca se toque.
- 4Tamaño gzip y formatos de exportaciónLa API CompressionStream del navegador calcula los tamaños gzip reales tanto de entrada como de salida, ya que eso es lo que realmente determina el costo de transferencia en la web. El SVG optimizado se puede descargar, copiar como SVG en bruto, convertir a atributos camelCase listos para React JSX, o codificar como URI de datos CSS: todas las conversiones ocurren localmente.
Tu SVG se lee y procesa enteramente dentro de la pestaña de tu navegador: los bytes del archivo nunca salen de tu dispositivo.
Herramientas relacionadas
Minificador y embellecedor de CSS
Minifica CSS para reducir el tamaño del archivo o embellece CSS minificado para facilitar la lectura. Instantáneo, en tu navegador.
Compresor de GIF
Reduce el tamaño de un GIF animado: ajústalo a un límite como los 256 KB de un emoji de Discord o los 512 KB de un sticker, o elige tú mismo los colores, el ancho y los fotogramas. Se ejecuta en tu navegador; el GIF no se sube.
Compresor de PDF
Comprime archivos PDF para reducir su tamaño. Elige un nivel de calidad: una compresión más alta significa archivos más pequeños pero una fidelidad de imagen más baja.