Peso de exportación de diseño
Elimina metadata, comments, atributos de editor, elementos ocultos y grupos vacíos de SVG exportados.
Herramienta gratuita para desarrolladores
Optimizador SVG Limpia y comprime código SVG
Pega código SVG o sube un archivo SVG. Optimizador SVG elimina peso de exportación, comprime rutas y números, conserva viewBox, compara tamaños y permite copiar o descargar el SVG optimizado.
AD
Problemas que resuelve Optimizador SVG
Optimizador SVG ayuda cuando los iconos exportados incluyen datos extra de herramientas de diseño.
Mantenimiento de iconos
Normaliza muchos iconos antes de añadirlos a un paquete frontend compartido.
Limpieza SVG privada
Mantén logos, iconos UI y recursos de producto inéditos en el navegador.
Funciones de Optimizador SVG para SVG limpios
Optimizador SVG reúne limpieza estructural, compresión de rutas, control de precisión, comparación de tamaño, copia y descarga.
Pegar o subir SVG
Añade código SVG o carga un .svg sin subirlo al servidor.
Eliminar peso común
Quita metadata, comments, elementos ocultos, atributos inútiles y grupos vacíos.
Comprimir rutas y números
Redondea path data, coordenadas, transforms, opacidad y atributos numéricos.
Conservar viewBox
Optimizador SVG conserva viewBox para que los iconos sigan escalando.
Comparar ahorro
Muestra tamaño original, tamaño optimizado, bytes ahorrados y porcentaje.
Copiar o descargar
Copia el SVG optimizado o descarga un .svg limpio.
Cómo usar Optimizador SVG
El flujo de Optimizador SVG es pegar o subir, elegir reglas, revisar el ahorro y copiar o descargar.
01
Pega o sube el SVG
Pon el SVG en el editor o sube un archivo .svg.
- Solo local - sin subida
02
Elige opciones de Optimizador SVG
Activa metadata, comments, elementos ocultos, atributos, grupos, espacios y precisión.
- Solo local - sin subida
03
Revisa el ahorro
Comprueba bytes antes/después y el resumen de elementos eliminados.
- Solo local - sin subida
04
Copia o descarga el SVG optimizado
Copia al proyecto o descarga un .svg limpio.
- Solo local - sin subida
Flujos de trabajo de Optimizador SVG
Usa Optimizador SVG para limpieza diaria, ajuste de precisión y entrega de bibliotecas de iconos.
Limpia SVG pegado
Quita metadata, comments, elementos ocultos, atributos de editor y grupos vacíos.
Ajusta precisión de rutas
Comprime path data y valores numéricos mientras conservas viewBox.
Casos de uso de Optimizador SVG
Optimizador SVG está hecho para desarrolladores frontend, diseñadores y responsables de bibliotecas de iconos.
Desarrollo frontend
Prepara iconos para React, Astro, CSS sprites, docs y componentes.
Entrega de diseño
Limpia exports SVG antes de pasarlos a ingeniería.
QA de iconos
Unifica precisión, elimina ruido y compara tamaños antes de publicar.
Preguntas frecuentes de Optimizador SVG
Preguntas sobre limpieza SVG, compresión de rutas, conservación de viewBox y procesamiento local.
¿Optimizador SVG sube mi archivo?
No. Analizar, limpiar, comprimir, copiar y descargar ocurre en tu navegador.
¿Conserva viewBox?
Sí. Conserva viewBox y lo restaura si hace falta.
¿Qué elimina?
metadata, title, desc, comments, elementos ocultos, atributos inútiles, atributos vacíos, IDs sin referencia y grupos vacíos.
¿Puede afectar SVG complejos?
Un SVG complejo puede depender de CSS externo, IDs, scripts o metadata. Revisa la salida y usa más precisión para ilustraciones detalladas.
Empieza a usar Optimizador SVG
Pega código SVG, elimina peso de exportación, conserva viewBox, compara tamaño y copia o descarga el SVG optimizado.
Gratis para siempre - herramienta SVG local en el navegador.