Herramienta CSS & Gráficos

Optimizador SVG

Comprime gráficos vectoriales y elimina código residual de editores para acelerar la carga de tu web.

Tamaño Original 1.2 KB

Tamaño Optimizado 387 B

Ahorro Total -833 B

Reducción

-68%

SVG Original

Arrastra un archivo .svg o pega el código XML

<?xml version="1.0" encoding="utf-8"?>

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
     xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
     x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
  <metadata>
    <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
      <cc:Work rdf:about=""><dc:format>image/svg+xml</dc:format></cc:Work>
    </rdf:RDF>
  </metadata>
  <title>Sample Cloud Icon</title>
  <desc>Exported from Illustrator with redundant metadata</desc>
  <g id="empty_group"></g>
  <path inkscape:connector-curvature="0" fill="#3b82f6" 
        d="M81.234567,45.678901 C78.123456,32.345678 65.432109,22.123456 50.000000,22.123456 
           C37.123456,22.123456 26.234567,29.876543 21.345678,40.765432 
           C9.234567,42.123456 0,52.345678 0,65.000000 
           C0,78.876543 11.123456,90.000000 25.000000,90.000000 
           H78.123456 C89.876543,90.000000 100,80.123456 100,68.123456 
           C100,56.789012 91.456789,47.345678 81.234567,45.678901 Z"/>
</svg>

SVG Optimizado

xml

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"><path fill="#3b82f6" d="M81.23,45.68 C78.12,32.35 65.43,22.12 50,22.12 C37.12,22.12 26.23,29.88 21.35,40.77 C9.23,42.12 0,52.35 0,65 C0,78.88 11.12,90 25,90 H78.12 C89.88,90 100,80.12 100,68.12 C100,56.79 91.46,47.35 81.23,45.68 Z"/></svg>

Vista Previa del Vector

Sanitizado Anti-XSS

Reglas de Optimización

Eliminar DOCTYPE y declaración XML

Eliminar comentarios

Eliminar metadatos (<metadata>, <title>, <desc>)

Eliminar datos de Illustrator / Inkscape / Figma

Minificar espacios y saltos de línea

Eliminar grupos <g> vacíos

Precisión decimal de coordenadas 2

Cómo optimizar tus archivos SVG

Tres sencillos pasos para reducir el tamaño de tus iconos y vectores.

Sube o pega tu SVG

Arrastra tu archivo vectorial o pega el código directamente en el editor.

Elige las reglas de limpieza

Activa o desactiva la eliminación de metadatos, precisión decimal y minificación.

Descarga el SVG comprimido

Copia el código limpio o descarga el archivo optimizado listo para producción.

100% Local y Privado

Compresión en memoria sin subida de archivos

El procesamiento ocurre en tu navegador mediante regex y parseo local. Tus diseños nunca salen de tu equipo.

Preguntas Frecuentes sobre Optimización SVG

Los editores añaden capas de metadatos, guías de edición, información de autor y namespaces propietarios que no son necesarios para la visualización en la web.

No. Al ser gráficos vectoriales matemáticos, la reducción de decimales a 2 posiciones es imperceptible al ojo humano y ahorra entre un 30% y un 70% de peso.

Sí, aplicamos filtros de sanitización automática para neutralizar cualquier script malicioso o evento incrustado.

Por supuesto. El código resultante es SVG estándar compatible con todos los navegadores modernos y frameworks como React, Angular o Vue.