Image Editor & Batch Optimizer
Images & design Local only
SVG Editor & Optimizer
Local onlyEdit, inspect, optimize, sanitize, batch, and export SVG assets locally.
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 common active-content patterns were detected. The preview is still sanitized independently.
SVGO optimizes markup; it is not a security sanitizer. Nobuf sanitizes the displayed preview, reports common risks, and preserves source so you can enforce the policy required by your destination.
How to use it
- 01
Open or paste SVG
Load one SVG up to 5 MB, edit its XML, dimensions, viewBox, and colors, and inspect a sanitized live preview.
- 02
Optimize and audit
Run SVGO with precision, multipass, ID cleanup and dimension controls while reviewing raw, gzip, element, and security metrics.
- 03
Export for your stack
Download SVG or PNG, copy a Data URI, create React or Vue code, or optimize a batch into ZIP and sprite files.
Frequently asked questions
Are my SVG files uploaded?
No. Editing, SVGO optimization, preview sanitization, PNG rendering, batching, and exports run in your browser.
Does optimization make an SVG safe?
No. Optimization and sanitization solve different problems. The editor reports active‑content patterns and sanitizes its own preview, but exported source still requires your application's trust policy.
Why can optimized output look different?
Aggressive precision, ID cleanup, CSS, filters, masks, fonts, animations, or external assets can change rendering. Use the comparison view and test assets in their final context.
What can batch mode export?
It optimizes up to 50 SVG files, downloads successful outputs as a ZIP, and can combine them into an SVG symbol sprite.
Related tools
Keep working with other focused browser utilities.