./prontouso.com

UTILIDADES DE DISEÑO

Optimizador de SVG

Pega marcado SVG para eliminar el ruido común de exportación, comentarios, etiquetas de metadatos, atributos de editor y espacios en blanco extra antes de copiar o descargar.

Estado de la herramientaSe ejecuta en tu navegador
Vista previa

SVG

SVG optimizado

Ahorro aproximado: 92 bytes.

Cómo funciona

  1. Ingresa tus datos

    Completa los valores, pega el texto o sube el archivo que necesita esta herramienta.

  2. Obtén el resultado al instante

    La mayoría de las herramientas se actualizan mientras escribes; algunas usan un solo botón. De cualquier forma, el resultado aparece aquí mismo.

  3. Usa tu resultado

    Copia, descarga o comparte lo que genere la herramienta — el control siempre es tuyo.

Privacidad y procesamiento — Se ejecuta localmente en tu navegador. Esta herramienta no sube tu entrada a ningún servidor.

¿Qué es Optimizador de SVG?

Elimina el ruido común de exportación del código SVG mientras mantienes intactos los elementos de dibujo, atributos y rutas.

ENTIENDE LA HERRAMIENTA

Cómo optimizar marcado SVG

Qué se elimina

El optimizador elimina las declaraciones XML, líneas doctype, comentarios, bloques de metadatos, espacios en blanco extra, y atributos de editor comunes como Inkscape, Sketch, Sodipodi y campos data-name.

Qué se conserva

Los elementos de forma, datos de ruta, rellenos, trazos, dimensiones, viewBox y la mayoría de los atributos SVG normales se conservan. Esto hace que la salida sea más pequeña sin intentar redibujar o reinterpretar el ícono.

Antes de usar el SVG optimizado

  • Previsualiza el SVG en tu aplicación o sistema de diseño después de optimizar.
  • Conserva los atributos de accesibilidad como title, role o etiquetas aria si tu origen los usa.
  • Revisa el SVG de fuentes no confiables antes de incrustarlo en una página.

Manejo del marcado

La salida es texto SVG plano. Conserva una copia de la exportación original si es posible que necesites metadatos de editor o nombres de capa después.

Preguntas frecuentes

¿Esto cambia el dibujo?

No debería cambiar el dibujo intencionalmente. Elimina metadatos y espacios en blanco alrededor del marcado, pero de todas formas deberías previsualizar los recursos importantes después de optimizar.

¿Minifica los datos de ruta?

No. No reescribe los comandos de ruta ni las coordenadas, así que el ahorro es conservador y menos riesgoso.

¿Por qué rechaza mi entrada?

La entrada debe contener un elemento SVG. Si pegaste solo una ruta o copiaste una imagen renderizada, envuélvela primero en marcado SVG válido.

¿Sanea SVG inseguro?

No. Elimina el desorden común de exportación, pero no es un sanitizador de seguridad. Revisa el SVG no confiable antes de incrustarlo.

Herramientas relacionadas