◩
图片与设计工具
SVG Optimizer
SVG Optimizer 在浏览器中运行,用于检查、转换或准备结果,不会把输入发送到服务器。
图片与设计工具
Input / output
Processed in browserInput not sent to server
최적화 옵션
용량 비교
225 bytes -> 132 bytes
41.3% 절감
원본 정보
- SVG
- valid
- viewBox
- 0 0 64 64
- width
- -
- height
- -
최적화 정보
- SVG
- valid
- viewBox
- 0 0 64 64
- width
- -
- height
- -
원본 preview
최적화 preview
Before/After 비교
비교 위치 50%
최적화 SVG
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><rect x="10" y="10" width="44" height="44" rx="8" fill="#18E299"/></svg>
Data URI
data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2064%2064%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%2210%22%20y%3D%2210%22%20width%3D%2244%22%20height%3D%2244%22%20rx%3D%228%22%20fill%3D%22%2318E299%22%2F%3E%3C%2Fsvg%3E
제거 리포트
- 제거한 script
- 1
- 제거한 이벤트 핸들러
- 1
- 제거한 주석
- 1
- 제거한 metadata
- 1
SVGO plugin pipeline
removeScripts
active
1
removeEventHandlers
active
1
removeComments
active
1
removeMetadata
active
1
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><rect x="10" y="10" width="44" height="44" rx="8" fill="#18E299"/></svg>
HelpOpen usage notes, examples, practical tips, and FAQ only when you need them.
What is this tool?
SVG Optimizer 是面向图片与设计流程的本地浏览器工具,输入、选项和结果都在同一页面完成。
How to use it
- 粘贴输入
在输入区域输入或粘贴要处理的值。
- 调整选项
选择适合 SVG optimizer, sanitize SVG, vector cleanup 的模式、格式或单位。
- 检查结果
运行工具,确认结果后再复制或下载。
Examples
SVG Optimizer 示例
- Input
- 示例输入
- Output
- 在浏览器中检查后的输出。
Practical tips
- 内容较大时,先从小样本开始。
- 广告会保持在主要控件和结果区域之外。
FAQ
SVG Optimizer 应该输入什么?
请输入与页面任务匹配的值,并在运行前调整选项。
可以复制 SVG Optimizer 的结果吗?
可以。检查结果后即可复制或下载。
SVG Optimizer 支持移动端吗?
支持。输入、选项和结果会在小屏幕上纵向排列。
输入会发送到服务器吗?
不会。该工具设计为在浏览器内处理输入。