Optimizador de SVG

Pega tu código SVG y obtén una versión más pequeña y limpia: sin comentarios, sin metadatos de editor, sin espacios innecesarios. Mira exactamente cuánto has ahorrado.

  • Gratis
  • Sin registro
  • Funciona en tu navegador
svg-optimizer

100 % privado — tu texto se procesa en tu navegador y no se envía a ningún servidor.

Siguiente paso

Sigue con tu resultado en otra herramienta. No se sube nada.

Cómo funciona

Pega tu código SVG

Exportado de Illustrator, Figma, Inkscape o escrito a mano.

Elige qué limpiar

Comentarios, metadatos, grupos vacíos, espacios y precisión decimal.

Copia o descarga

El SVG optimizado, con el porcentaje de ahorro.

Por qué un SVG exportado pesa más de lo que necesita

Las herramientas de diseño guardan mucho más que la forma de tu icono. Un archivo exportado de Illustrator, Figma o Inkscape suele llevar una declaración XML, metadatos propios del editor, comentarios, ids generados largos en cada elemento, grupos vacíos que sobraron al editar, y coordenadas con muchos más decimales de los que cualquier pantalla puede mostrar nunca. Nada de eso cambia cómo se ve el icono, pero se acumula en una página que carga decenas de iconos o en una firma de correo con límites de tamaño.

Qué se limpia

  • Comentarios dejados por herramientas de diseño o escritos a mano.
  • Metadatos de editor, como los espacios de nombres de Inkscape y Adobe Illustrator, el bloque sodipodi:namedview, e ids largos como path1234 que solo necesita el editor.
  • Grupos vacíos como <g></g>, que sobran tras editar.
  • Espacios sobrantes entre etiquetas, espacios repetidos y saltos de línea que solo importan para leer el código, no para dibujarlo.
  • Precisión decimal. Las coordenadas con seis o siete decimales casi nunca hacen falta; redondear a uno o dos decimales reduce el archivo sin diferencia visible.
  • El ancho y el alto fijos, de forma opcional, para que el icono escale libremente donde lo pongas, usando solo su viewBox.

Mira la diferencia

Bajo el resultado ves el tamaño antes y después, y el porcentaje de ahorro, para saber de un vistazo si ha merecido la pena. Los iconos con trazados largos y muchos decimales suelen reducirse más; un SVG ya ordenado y escrito a mano se reduce menos.

Lo que no hace

Es una limpieza basada en texto, no un optimizador XML completo: no fusiona formas superpuestas, no simplifica trazados matemáticamente ni convierte trazos en rellenos, algo que hace mejor una herramienta de diseño dedicada. Un SVG muy poco habitual o mal formado puede no limpiarse del todo. No se sube nada; el código se procesa en tu navegador. Para convertir el resultado en un PNG, usa el conversor de SVG a PNG.

Preguntas frecuentes

¿Cómo reduzco el tamaño de un archivo SVG?
Pega su código aquí y deja activadas las opciones por defecto. Se quitan los comentarios, los metadatos de editor y los espacios sobrantes, y también puedes redondear los números decimales.
¿Es seguro quitar los metadatos de Inkscape e Illustrator?
Sí. Esos metadatos solo ayudan al editor que creó el archivo; no tienen ningún efecto en cómo se ve o funciona el SVG en otro sitio.
¿Por qué redondear los números decimales?
Las coordenadas con muchos decimales son más precisas de lo que cualquier pantalla puede mostrar. Redondear a uno o dos decimales reduce el archivo sin cambio visible.
¿Debo quitar los atributos width y height?
Solo si quieres que el icono escale libremente con CSS. Si los quitas, conserva el atributo viewBox, porque define las proporciones de la forma.
¿Esto va a romper mi SVG?
Las opciones por defecto son seguras para un SVG exportado típico. Comprueba siempre la vista previa o abre el resultado para confirmar que se sigue viendo bien.
¿Se sube mi código SVG?
No. Se limpia en tu navegador.

Más herramientas

Otras utilidades que también funcionan sin salir de tu navegador.

Tamaño de pantallaMira la resolución de tu pantalla, el tamaño de la ventana y la densidad de píxeles, en vivo. Vista previa de enlace y etiquetas Open GraphMira cómo se ve un enlace al compartirlo y obtén sus etiquetas meta. Comprobador de enlaces rotosPega una lista de URL y mira cuáles no responden. Limpiar enlacesQuita los parámetros de rastreo de los enlaces antes de compartirlos. Comprobar la longitud del título y la meta descripciónComprueba la longitud de un título y una meta descripción y mira la vista previa del resultado de búsqueda. Convertir SVG a PNGConvierte un SVG a PNG, en un tamaño o en varios a la vez.