Categorías

← View All Tools

Minificador y analizador SVG

Analiza el marcado SVG, elimina elementos redundantes, reduce peso, compara antes y despues y exporta archivos limpios

Resultados de ejemplo

2 Ejemplos

Limpiar una ilustracion SVG antes de produccion

Elimina metadatos y reduce precision para comparar el SVG antes y despues

Rendered before/after SVG previews with a downloadable cleaned file and compression summary.
Ver parámetros de entrada
{ "svgFile": "/public/samples/svg/01-basic-shapes.svg", "precision": 2, "removeHiddenElements": true, "batchPackageName": "marketing-illustration" }

Minificar en lote un set de iconos SVG

Procesa varios iconos SVG, exporta un ZIP y muestra metricas por archivo

Rendered per-file SVG analysis and a batch ZIP download for cleaned icon assets.
Ver parámetros de entrada
{ "svgFile": "[\"/public/samples/svg/01-basic-shapes.svg\",\"/public/samples/svg/01-basic-shapes.svg\"]", "precision": 1, "removeHiddenElements": true, "batchPackageName": "icon-set-release" }

Click to upload files or drag and drop files here

Maximum file size: 10MB Maximum files: 10
Supported formats: image/svg+xml, text/plain

Datos clave

Categoría
Media
Tipos de entrada
file, number, checkbox, text
Tipo de salida
html
Cobertura de muestras
4
API disponible
Yes

Resumen

Herramienta para analizar y optimizar archivos SVG eliminando elementos redundantes, ajustando la precisión decimal y reduciendo el peso del archivo. Permite comparar visualmente el antes y después, y exportar los archivos limpios individualmente o en lotes de hasta 10 archivos.

Cuándo usarlo

  • •Antes de publicar ilustraciones o iconos en producción para mejorar los tiempos de carga
  • •Al limpiar archivos SVG exportados desde herramientas de diseño que contienen metadatos innecesarios
  • •Cuando necesitas preparar librerías de iconos optimizadas para proyectos web o móviles

Cómo funciona

  • •Sube uno o varios archivos SVG (hasta 10 archivos de 10MB cada uno)
  • •Configura la precisión decimal deseada (0-6) y selecciona eliminar elementos ocultos si es necesario
  • •Visualiza la comparación lado a lado mostrando el marcado original versus el optimizado y la reducción de tamaño
  • •Descarga los archivos individuales o un paquete ZIP con el nombre especificado

Casos de uso

Optimizar ilustraciones vectoriales para sitios web y mejorar el rendimiento de carga
Limpiar sets de iconos exportados desde Figma, Illustrator o Sketch eliminando metadatos y capas ocultas
Preparar assets SVG para aplicaciones móviles donde el tamaño del bundle es crítico

Ejemplos

1. Optimizar ilustración para landing page

Diseñador UX
Contexto
Exportó una ilustración compleja desde Adobe Illustrator que incluye metadatos del editor, precisión excesiva en coordenadas y grupos vacíos.
Problema
El archivo pesa 280KB y ralentiza el tiempo de carga de la página de inicio.
Cómo usarlo
Subir el archivo SVG, establecer la precisión decimal en 2 y activar la eliminación de elementos ocultos.
Configuración de ejemplo
{
  "precision": 2,
  "removeHiddenElements": true
}
Resultado
El archivo se reduce a 42KB manteniendo la calidad visual, eliminando metadatos y coordenadas redundantes listo para producción.

2. Minificar biblioteca de iconos en lote

Desarrollador Frontend
Contexto
Cuenta con 48 iconos SVG exportados de Figma que contienen nombres de capas, comentarios del editor y precisión innecesaria.
Problema
Necesita optimizar todos los iconos para la versión final del sitio y distribuirlos como un paquete consistente.
Cómo usarlo
Seleccionar los 48 archivos SVG, configurar precisión en 1 decimal, activar limpieza de elementos ocultos y definir 'iconos-ui-v2' como nombre de paquete.
Configuración de ejemplo
{
  "precision": 1,
  "removeHiddenElements": true,
  "batchPackageName": "iconos-ui-v2"
}
Resultado
Genera un archivo ZIP con todos los SVGs optimizados, mostrando métricas individuales y una reducción total del tamaño del paquete del 65%.

Probar con muestras

xml, image, svg
Ejemplos SVG
Ejemplos de Gráficos Vectoriales Escalables (SVG) que demuestran varias características y técnicas SVG
title token svg
image, text
Ejemplos de XML
Ejemplos de formato XML (eXtensible Markup Language) desde estructuras simples hasta complejas
preferred input family image,text
image, text
Muestras PDF
Muestras PDF generadas por herramientas 2026-02-01 a 2026-02-10
preferred input family image,text
image, text
Ejemplos de Códigos QR
Imágenes de códigos QR de muestra para probar herramientas de lectura y generación de códigos QR
preferred input family image,text
image, text

Hubs relacionados

Herramientas de Text para Analyze
Explora 12 herramientas de text para flujos de analyze y encuentra utilidades cercanas con rapidez.
Herramientas de Image para Convert
Explora 100 herramientas de image para flujos de convert y encuentra utilidades cercanas con rapidez.
Herramientas de Text para Convert
Explora 80 herramientas de text para flujos de convert y encuentra utilidades cercanas con rapidez.
Herramientas de Image
Explora 40 herramientas de image para flujos de utility y encuentra utilidades cercanas con rapidez.

Preguntas frecuentes

¿Cuál es el tamaño máximo de archivo y cantidad permitida?

Puedes subir hasta 10 archivos simultáneamente, con un tamaño máximo de 10MB por archivo.

¿Qué hace la opción de precisión decimal?

Reduce el número de decimales en las coordenadas SVG. Valores entre 1 y 2 suelen ser suficientes para la web sin pérdida visual perceptible.

¿Qué son los elementos ocultos y por qué eliminarlos?

Son nodos SVG con visibility:hidden o display:none, así como elementos fuera del viewport. Eliminarlos reduce el peso sin afectar la renderización visual.

¿El tool modifica mi archivo original?

No, el archivo original permanece intacto. Se genera una nueva versión optimizada disponible para descarga.

¿Puedo procesar múltiples SVGs y descargarlos juntos?

Sí, al subir varios archivos puedes especificar un nombre de paquete y descargar todos los SVGs optimizados en un solo archivo ZIP.

Documentación de la API

Punto final de la solicitud

POST /es/api/tools/svg-minifier-analyzer

Parámetros de la solicitud

Nombre del parámetro Tipo Requerido Descripción
svgFile file (Subida requerida) Sí -
precision number No -
removeHiddenElements checkbox No -
batchPackageName text No -

Los parámetros de tipo archivo necesitan ser subidos primero vía POST /upload/svg-minifier-analyzer para obtener filePath, luego pasar filePath al campo de archivo correspondiente.

Formato de respuesta

{
  "result": "
Processed HTML content
",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
HTML: HTML

Documentación de MCP

Agregue este herramienta a su configuración de servidor MCP: 

{
  "mcpServers": {
    "elysiatools-svg-minifier-analyzer": {
      "name": "svg-minifier-analyzer",
      "description": "Analiza el marcado SVG, elimina elementos redundantes, reduce peso, compara antes y despues y exporta archivos limpios",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=svg-minifier-analyzer",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Puede encadenar múltiples herramientas, por ejemplo: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máximo 20 herramientas.

Soporte para enlaces de archivos URL o codificación Base64 para parámetros de archivo.

Si encuentra algún problema, por favor, póngase en contacto con nosotros en [email protected]