Ahorro en porcentaje
g = (o − n) ÷ o × 100
Para el icono de Inkscape: (365 − 148) ÷ 365 × 100 = 59,5 %.
Optimizador SVG
Optimiza archivos SVG localmente eliminando comentarios, metadatos y datos del editor, y compactando espacios y decimales.
- Portapapeles
- Exportar
Código SVG
Datos no enviados
Vista previa
Tamaño original
Tamaño optimizado
Ahorro
SVG optimizado
¿Te ha resultado útil esta herramienta?
¿Cómo funciona esta herramienta?
Un SVG exportado desde Inkscape, Illustrator o Figma suele contener más texto que dibujo: declaración XML, comentarios, metadatos, atributos propios del editor y coordenadas con cinco decimales. Este optimizador elimina lo superfluo y redondea los números sin convertir el dibujo en una imagen de mapa de bits: el archivo sigue siendo vectorial, legible y editable. Todo ocurre en tu navegador.
Pega el código de un SVG o importa un archivo .svg. La declaración XML y el DOCTYPE se eliminan siempre; se acepta un comentario antes de la etiqueta svg, habitual en los editores. Pulsa Optimizar SVG: aparecen el resultado, su vista previa y tres cifras, tamaño inicial, tamaño optimizado y ahorro en bytes y en porcentaje.
Cuatro opciones vienen activadas: eliminar comentarios, eliminar los bloques metadata, eliminar los datos de Inkscape y Sodipodi (atributos inkscape:, sodipodi: y sus espacios de nombres) y reducir los espacios entre etiquetas. Una quinta, desactivada por defecto, quita width y height de la etiqueta svg raíz si existe un viewBox; los rectángulos e imágenes interiores conservan los suyos.
La precisión decimal, de 0 a 8 cifras (3 por defecto), redondea los números de los valores de atributos: trazados, coordenadas, viewBox, transformaciones. Los ceros inútiles desaparecen (8.00000 pasa a 8 y 0.5 a .5). Los identificadores, clases, enlaces y el texto visible no se modifican. Copia el código o descarga optimized.svg.
Cómo utilizar esta herramienta
Añade el SVG
Pega el código o importa un archivo .svg completo.
Ajusta las opciones
Mantén los valores por defecto o ajusta la precisión decimal.
Comprueba y exporta
Revisa la vista previa y el ahorro, y copia o descarga el resultado.
Cálculo del ahorro mostrado
Los tamaños se miden en bytes UTF-8, antes y después de la optimización.
- g
- ahorro en porcentaje
- o
- tamaño inicial en bytes
- n
- tamaño optimizado en bytes
Casos de uso
Iconos de un sitio web
Aligera iconos exportados de un editor antes de integrarlos en el HTML o en un sprite.
SVG en línea en el código
Obtén un marcado compacto y limpio para pegar en un componente o un correo.
Logotipo para una Data URI
Reduce el SVG antes de codificarlo en Base64 en una hoja de estilos.
Ejemplos
Icono exportado de Inkscape
Ajustes por defecto. El dibujo es idéntico: solo desaparecen el texto inútil y los decimales más allá del tercero.
Entrada
Declaración XML, comentario, metadata, atributos inkscape:, trazado M12.34567 8.00000 L35.65433 8.00000 L24.00000 40.12345 Z — 365 bytesResultado
<path d="M12.346 8 L35.654 8 L24 40.123 Z" …> — 148 bytes, ahorro de 217 bytes (59,5 %)Precisión reducida a 1
Un desplazamiento de 0,05 unidades no se ve en un icono de 48 unidades, pero puede deformar un plano o un mapa detallado: revisa la vista previa.
Entrada
El mismo icono de 48 × 48, precisión 1Resultado
M12.3 8 L35.7 8 L24 40.1 Z — 142 bytes (61,1 %)Consejos y buenas prácticas
- Conserva el viewBox: es lo que permite que el SVG se adapte a cualquier tamaño.
- Quita width y height solo si el CSS fija el tamaño; si no, la imagen puede mostrarse al 100 % del ancho.
- Para un icono suelen bastar 1 o 2 decimales; deja 3 o más en un dibujo muy detallado.
- Guarda el archivo original del editor: los datos eliminados (capas, guías) no se recuperan desde el SVG optimizado.
Fuentes y referencias
- W3C, Scalable Vector Graphics (SVG) 2 (se abre en una pestaña nueva)Página en inglés
Preguntas frecuentes
¿Cambia el aspecto?
No con las opciones por defecto en un dibujo corriente. Una precisión muy baja puede mover ligeramente algunos puntos: compara con la vista previa.
¿Se modifican los colores y los identificadores?
No. Los colores hexadecimales, id, class y enlaces se mantienen, igual que el texto de las etiquetas text.
¿Se eliminan los datos de Illustrator o Figma?
Los comentarios y metadata, sí. Los atributos propietarios que se eliminan son los de Inkscape y Sodipodi; los de otros editores se quedan.
¿La herramienta fusiona trazados o simplifica formas?
No. Limpia el código y redondea números, sin reescribir la geometría como haría SVGO.
¿El archivo sigue siendo editable?
Sí, sigue siendo un SVG de texto que cualquier editor vectorial o de código puede abrir.
¿Se sube mi SVG a un servidor?
No. La optimización la hace tu navegador.
Herramientas relacionadas
Continúa con estas herramientas
Herramientas similares o complementarias a esta.
Herramientas similares
Convierte archivos SVG a PNG, JPEG o WebP con vista previa y ajustes de salida.
Imágenes y diseño gráficoUsar esta herramienta
Convierte una imagen a Base64/Data URI y vuelve a convertir Base64 en imagen.
Imágenes y diseño gráficoUsar esta herramienta
Crea un favicon.ico y los iconos PNG de un sitio (de 16 a 512 px) a partir de una imagen, en tu navegador.
Imágenes y diseño gráficoUsar esta herramienta
También te puede interesar
GuíaBuenas prácticasIntermedio
Optimizar un archivo SVG sin alterar su apariencia
Aprende a optimizar SVG de forma segura: elimina datos innecesarios, simplifica el XML, reduce precisión, limpia estilos y valida que el resultado visual no cambie.
31 de agosto de 202621 min
GuíaFormatosPrincipiante
SVG: comprender el formato vectorial
Descubre cómo un archivo SVG describe formas, utiliza viewBox y se integra en una página web, con buenas prácticas de responsive, accesibilidad y seguridad.
31 de agosto de 202630 min
GuíaBuenas prácticasPrincipiante
Cómo optimizar 50 imágenes para la Web de una sola vez
Redimensiona un lote de imágenes, conviértelo a WebP y elimina metadatos con un único Pipeline.
6 de septiembre de 20262 min
TutorialBuenas prácticasPrincipiante
Optimizar imágenes para la Web sin perder calidad
Redimensiona, comprime y elige entre WebP, AVIF y otros formatos con un flujo práctico que reduce peso sin degradar innecesariamente la imagen.
30 de agosto de 20262 min