图片与设计工具

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

최적화 preview

최적화 preview

Before/After 비교

비교 위치 50%

최적화 SVG 비교원본 SVG 비교

최적화 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

  1. 粘贴输入

    在输入区域输入或粘贴要处理的值。

  2. 调整选项

    选择适合 SVG optimizer, sanitize SVG, vector cleanup 的模式、格式或单位。

  3. 检查结果

    运行工具,确认结果后再复制或下载。

Examples

SVG Optimizer 示例

Input
示例输入
Output
在浏览器中检查后的输出。

Practical tips

  • 内容较大时,先从小样本开始。
  • 广告会保持在主要控件和结果区域之外。

FAQ

SVG Optimizer 应该输入什么?

请输入与页面任务匹配的值,并在运行前调整选项。

可以复制 SVG Optimizer 的结果吗?

可以。检查结果后即可复制或下载。

SVG Optimizer 支持移动端吗?

支持。输入、选项和结果会在小屏幕上纵向排列。

输入会发送到服务器吗?

不会。该工具设计为在浏览器内处理输入。