Elimina metadatos pesados de editores, comentarios XML, capas ocultas y decimales excesivos de coordenadas directamente en tu navegador sin alterar ni un solo píxel visual.
o haz clic para seleccionar archivos
Comparativas reales de reducción de bytes medidas sobre exportaciones directas de Adobe Illustrator, Figma e Inkscape.
Se eliminaron 21 KB de cabeceras Adobe XMP incrustadas, etiquetas privadas <i:pgf> y espacios de nombres XML sin usar. Se redondearon más de 4,200 coordenadas de 6 a 2 decimales sin diferencia visual al 400% de zoom.
Se colapsaron contenedores de grupos vacíos, se eliminaron atributos por defecto como fill-opacity="1" y se comprimieron los bloques <style> en 24 iconos simultáneamente.
Se limpiaron todos los atributos propietarios inkscape:* y sodipodi:*, se borraron 14 capas de boceto ocultas y se redujo el tiempo de análisis DOM en el navegador en un 68%.
Programas como Adobe Illustrator, Figma, Sketch e Inkscape priorizan la edición futura e inyectan etiquetas XML propietarias, coordenadas de 7 decimales y capas invisibles que inflan innecesariamente los archivos SVG.
Incrustar SVGs sin optimizar directamente en el HTML aumenta el peso del documento y dispara el conteo de nodos DOM. Limpiar metadatos y comentarios acelera directamente el First Contentful Paint (FCP).
Las exportaciones crudas incluyen xmlns:xlink, xml:space e IDs fijos que generan advertencias en JSX o conflictos de estilos CSS. Nuestro optimizador entrega XML limpio listo para tus componentes.
Optimiza carpetas enteras de iconos corporativos y logotipos confidenciales directamente en la memoria de tu navegador, sin enviar ningún archivo a servidores externos.
Para lograr la máxima tasa de compresión sin errores de renderizado vectorial, asegúrate de que tus archivos cumplan con estos requisitos:
Admite cualquier archivo .svg basado en XML exportado desde Illustrator, Figma, Affinity Designer, Inkscape o Sketch. Puedes arrastrar decenas de archivos a la vez.
El SVG debe estar compuesto por nodos vectoriales (<path>, <circle>, <rect>). Si contiene una imagen de mapa de bits incrustada (<image xlink:href="data:image/png;base64,...">), la limpieza XML no reducirá el peso del bitmap.
Antes de exportar desde tu programa de diseño, convierte los elementos <text> en contornos vectoriales (Crear contornos) para que la tipografía no dependa de las fuentes instaladas en el dispositivo.
Verifica que la etiqueta raíz <svg> incluya un atributo viewBox="0 0 W H" válido para que el gráfico escale de forma responsiva tras limpiar atributos redundantes.
Revisa las 8 casillas de verificación (Eliminar comentarios, Eliminar metadatos, Eliminar atributos vacíos, Minificar estilos, Eliminar espacios de nombres no usados, Redondear números, Eliminar datos del editor, Eliminar elementos ocultos). Todas vienen activadas por defecto.
Suelta uno o varios archivos .svg en la zona verde, o haz clic en el botón de ejemplo para comprobar cómo se reduce un archivo pesado de 34.8 KB al instante.
El motor local procesa cada archivo en milisegundos y muestra el tamaño original, el tamaño optimizado y el porcentaje exacto ahorrado por archivo.
Haz clic en el botón de descarga junto a cada resultado para guardar tu archivo .svg ligero y usarlo en tu web o aplicación.
Una vez eliminados los datos residuales de edición, tus archivos SVG están listos para producción en cualquier entorno moderno:
Pega el código <svg> compacto directamente en tus plantillas JSX o Vue y controla dinámicamente el color de relleno y trazo mediante currentColor y clases de Tailwind CSS.
Un código SVG hasta un 80% más corto produce cadenas data:image/svg+xml mucho más ligeras en tus hojas de estilo CSS y sprites <symbol> de carga instantánea.
Pasa tus SVGs limpios por nuestro Convertidor de SVG a PNG o Generador de Iconos para evitar errores de interpretación causados por etiquetas propietarias de editores.
Aunque activar las 8 reglas es 100% seguro para el 95% de los iconos e ilustraciones estáticas, en estos casos especiales debes desmarcar ciertas opciones:
Activar "Eliminar elementos ocultos" borra nodos con display="none" u opacity="0" que librerías como GSAP o animaciones CSS necesitan mostrar más adelante.
Desmarca "Eliminar elementos ocultos" y "Eliminar datos del editor" antes de optimizar SVGs interactivos o animados para conservar todos los nodos DOM.
Cuando todo el dibujo cabe en una cuadrícula de 12×12 unidades, redondear los decimales desplaza proporcionalmente demasiado los puntos de control de las curvas Bézier.
Desmarca "Redondear números" al optimizar iconos con viewBox menor a 16×16, o escala la mesa de trabajo a 24×24 o 512×512 antes de exportar.
Si pegaste una captura de pantalla dentro de Illustrator y guardaste como SVG, el 99% del peso es texto Base64 de mapa de bits, no vectores.
Extrae la imagen PNG y comprímela con nuestro Compresor de PNG, o vectorízala realmente usando Calco de imagen en Illustrator/Inkscape.
Elige la herramienta adecuada según necesites minificar código vectorial, inspeccionar la estructura XML o rasterizar a píxeles:
| Dimensión Comparativa | Optimizador de SVG (Esta Herramienta) | Visor e Inspector de SVG | Convertidor SVG a PNG / Por Lotes |
|---|---|---|---|
| Propósito Principal | Reducir el peso en KB del archivo .svg eliminando XML redundante | Previsualizar en fondo damero/oscuro, revisar viewBox y formatear XML | Convertir vectores .svg en imágenes de píxeles PNG, JPG o WebP |
| Formato de Salida | Archivo vectorial .svg minificado (sigue siendo escalable sin fin) | Código XML indentado legible y diagnóstico de dimensiones | Imágenes de mapa de bits .png / .jpg / .webp (o archivo .zip) |
| Impacto en el Tamaño | Reduce el peso entre un 40% y un 80% sin cambios visuales | No comprime; expande e indenta el código para facilitar su lectura humana | Depende de la resolución en píxeles elegida (ej. 1024px, 4K) |
| Cuándo Usarlo | Antes de publicar iconos e ilustraciones SVG en sitios web o apps | Al depurar recortes de viewBox, rellenos invisibles o código minificado | Al subir logotipos a plataformas que no aceptan archivos .svg (Word, redes sociales) |
No, en absoluto. SVG es un formato vectorial basado en fórmulas matemáticas. Eliminar comentarios XML, metadatos de Adobe Illustrator/Inkscape y espacios de nombres sin usar no altera ningún píxel renderizado. Tu gráfico seguirá viéndose totalmente nítido a cualquier tamaño.
Suele deberse a dos motivos: o bien el archivo ya fue minificado previamente con SVGO, o bien contiene una imagen de mapa de bits codificada en Base64 dentro de una etiqueta <image>. Ábrelo en nuestro Visor de SVG para comprobar si incluye cadenas base64.
Probablemente el archivo tenía capas con atributos ocultos o vacíos que luego eran activados mediante CSS. Simplemente desmarca "Eliminar elementos ocultos" y "Eliminar atributos vacíos" en las opciones y vuelve a procesar el archivo original.
Nunca. Todo el análisis XML, limpieza de etiquetas y redondeo de coordenadas se ejecuta 100% localmente dentro de tu navegador mediante JavaScript. Tus archivos jamás salen de tu dispositivo.
Sí. Puedes arrastrar y soltar decenas de archivos .svg simultáneamente en el área de carga. Cada archivo se procesa al instante mostrando su propio informe de ahorro y botón de descarga.
Cada página resuelve una necesidad específica. Conecta tu flujo de trabajo con nuestras utilidades locales.
Previsualiza archivos SVG sobre fondos transparentes u oscuros, comprueba el viewBox y formatea el código XML.
Convierte vectores SVG a PNG transparentes de alta resolución con dimensiones personalizadas (px) y metadatos de 300 DPI.
Convierte decenas o cientos de archivos SVG simultáneamente a PNG, JPG o WebP y descárgalos en un archivo ZIP.
Crea paquetes completos de favicon.ico e iconos de aplicaciones para iOS, Android, macOS y Windows desde una sola imagen.