image

Optimizador SVG / Data URI

Optimiza SVG, detecta markup peligroso y copia Data URI codificados en URL o Base64 y snippets CSS.

Entrada SVG

El texto SVG se procesa localmente en tu navegador y no se sube a los servidores de DevCove.

Esta herramienta no renderiza ni ejecuta SVG en la página. Revisa avisos de riesgo antes de usar la salida optimizada en producción.

Modo de optimización

Mantiene viewBox, title, desc, role y atributos aria-* cuando es posible.

Pega o sube texto SVG para empezar.

Acerca de esta herramienta

El Optimizador SVG de DevCove ayuda a desarrolladores frontend a minificar recursos SVG sin subir archivos de origen. Pega o sube texto SVG, ejecuta una pre-verificación de seguridad, optimiza en modo Seguro o Agresivo, y copia fragmentos Data URI o CSS para iconos inline y fondos. El SVG nunca se ejecuta en la vista previa de la página.

Cómo usar esta herramienta

Usa este optimizador cuando necesites SVG más pequeños y Data URI para copiar localmente:

  1. Pega markup SVG o sube un archivo .svg.
  2. Revisa la pre-verificación de seguridad para scripts, atributos de eventos o referencias externas.
  3. Elige modo Seguro por defecto o Agresivo para una salida más pequeña.
  4. Haz clic en Optimizar SVG y compara tamaño antes/después.
  5. Copia SVG optimizado, Data URI codificado en URL, background-image CSS o Data URI Base64.

Funciones

Pensado para flujos de recursos SVG frontend:

  • Presets SVGO Seguro y Agresivo con eliminación de elementos script.
  • Pre-verificación de seguridad para scripts, manejadores de eventos y URLs externas.
  • SVG optimizado más salidas Data URI codificadas en URL y Base64.
  • Fragmento background-image CSS para fondos de iconos inline.
  • Comparación de tamaño en bytes antes/después.
  • Procesamiento de texto 100 % local en el navegador sin ejecución de SVG.

Preguntas frecuentes

¿Se sube mi SVG?

No. El texto SVG se optimiza enteramente en tu navegador.

¿Por qué no se previsualiza el SVG?

Para evitar ejecutar markup no confiable, esta herramienta trata el SVG solo como texto y no lo renderiza en la página.

¿Seguro vs Agresivo?

Seguro mantiene viewBox, title, desc y atributos comunes de accesibilidad. Agresivo minifica más y puede eliminarlos.

¿Qué Data URI debo usar?

Los Data URI codificados en URL suelen ser más pequeños para texto SVG. Base64 es opcional cuando un pipeline de herramientas lo espera.

¿Se optimiza SVG riesgoso igualmente?

Sí, pero la pre-verificación lista patrones riesgosos de tu entrada de origen. Revisa avisos antes de usar la salida en producción.

¿En qué se diferencia del Compresor de imágenes?

El Compresor de imágenes gestiona formatos bitmap. Esta herramienta optimiza markup SVG y genera fragmentos Data URI.