图片编辑器与批量优化器
图片与设计 仅本地处理
SVG 编辑器与优化器
仅本地处理在本地编辑、检查、优化、净化预览、批处理并导出 SVG 素材。
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>未发现常见活动内容模式；预览仍会独立净化。
SVGO 用于优化标记，并不是安全净化器。Nobuf 会净化当前预览、报告常见风险并保留源码，最终仍需按目标环境执行信任策略。
使用方法
- 01
打开或粘贴 SVG
载入最大 5MB 的 SVG，编辑 XML、尺寸、viewBox 和颜色，并查看经过净化的实时预览。
- 02
优化并审查
通过精度、多轮优化、ID 清理和尺寸选项运行 SVGO，同时检查原始、gzip、元素和安全指标。
- 03
按技术栈导出
下载 SVG 或 PNG，复制 Data URI，生成 React 或 Vue 代码，或将批量文件导出为 ZIP 和 symbol 雪碧图。
常见问题
SVG 文件会上传吗？
不会。编辑、SVGO 优化、预览净化、PNG 渲染、批处理和导出都在浏览器中完成。
优化后就一定安全吗？
不一定。优化和净化解决不同问题。工具会报告活动内容并净化自身预览，但导出源码仍需遵循你的应用信任策略。
为什么优化后外观可能变化？
过低精度、ID 清理、CSS、滤镜、遮罩、字体、动画或外部资源都可能影响渲染，请使用对比视图并在最终场景测试。
批量模式能导出什么？
可优化最多 50 个 SVG，把成功结果下载为 ZIP，也可合并成 SVG symbol 雪碧图。
相关工具
继续使用其他专注的浏览器端工具。