Editor de Imágenes y Optimizador por Lotes
Imágenes y diseño Solo local
Editor y Optimizador SVG
Solo localEdita, inspecciona, optimiza, sanitiza, procesa por lotes y exporta activos SVG localmente.
SVG742 B → 742 B
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="360" viewBox="0 0 640 360">
<!-- Nobuf SVG Studio sample -->
<defs>
<linearGradient id="paint" x1="0" x2="1">
<stop stop-color="#10b981"/>
<stop offset="1" stop-color="#0ea5e9"/>
</linearGradient>
</defs>
<rect width="640" height="360" rx="48" fill="#f0fdf4"/>
<circle cx="170" cy="180" r="92" fill="url(#paint)"/>
<path d="M137 180l23 23 47-55" fill="none" stroke="#fff" stroke-width="18" stroke-linecap="round" stroke-linejoin="round"/>
<text x="300" y="170" fill="#052e2b" font-family="system-ui" font-size="40" font-weight="700">Nobuf</text>
<text x="300" y="215" fill="#115e59" font-family="system-ui" font-size="22">SVG Studio</text>
</svg>No se detectaron patrones de contenido activo comunes. La vista previa todavía se desinfecta independientemente.
SVGO optimiza el marcado; no es un desinfectante de seguridad. Nobuf desinfecta la vista previa mostrada, reporta riesgos comunes y preserva la fuente para que pueda hacer cumplir la política requerida por su destino.
Cómo usarla
- 01
Abrir o pegar SVG
Cargar un SVG de hasta 5 MB, editar su XML, dimensiones, viewBox y colores, e inspeccionar una vista previa en vivo desinfectada.
- 02
Optimización y auditoría
Ejecute SVGO con controles de precisión, multipass, limpieza de ID y dimensiones mientras revisa las métricas de seguridad, gzip, elemento y sin procesar.
- 03
Exportar para su pila
Descargue SVG o PNG, copie un URI de datos, cree código React o Vue, o optimice un lote en archivos ZIP y sprite.
Preguntas frecuentes
¿Se cargan mis archivos SVG?
No. Edición, optimización SVGO, desinfección de la vista previa, representación de PNG, lotes y exportaciones se ejecutan en su navegador.
¿La optimización hace que un SVG sea seguro?
No. La optimización y la sanitización resuelven problemas distintos. La herramienta informa de patrones de contenido activo y sanitiza su propia vista previa, pero el código exportado sigue sujeto a la política de confianza de tu aplicación.
¿Por qué la salida optimizada puede verse diferente?
La precisión agresiva, la limpieza de ID, CSS, filtros, máscaras, fuentes, animaciones o activos externos pueden cambiar la renderización. Utilice la vista de comparación y los activos de prueba en su contexto final.
¿Qué puede exportar el modo por lotes?
Optimiza hasta 50 archivos SVG, descarga salidas exitosas como ZIP y puede combinarlos en un sprite de símbolos SVG.
Herramientas relacionadas
Continúa con otras utilidades web específicas.