SVG Optimizer은(는) 무엇을 하나요?
SVG Optimizer은(는) 브라우저에서 데이터 또는 파일 변환을(를) 수행하며 결과와 제한을 명확히 설명합니다. 검증된 기능: SVGO browser engine, Optional multipass optimization, Original and optimized previews, Preserved IDs and downloadable SVG.
When should you use this tool?
Use this tool for vector SVG optimization. Use Image Compressor for JPEG, PNG, or WebP. Preserve originals and test SVGs that rely on external styles, animation, scripts, or font availability.
사용 방법
- Paste an SVG document or open a local .svg file. DTD declarations are not accepted.
- Choose whether to run multiple passes and select Run.
- Compare the previews and byte sizes, then copy or download the optimized SVG.
실제 입출력 예시
Remove redundant editor markup
입력
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><!-- editor note --><rect width="10" height="10" fill="#0000ff"/></svg>출력
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><path fill="#00f" d="M0 0h10v10H0z"/></svg>SVGO can remove comments, shorten colors, and rewrite shapes. Exact serialized output depends on the adopted engine version.
일반적인 오류와 해결 방법
| 현상 | 가능한 원인 | 해결 방법 |
|---|---|---|
| Optimization reports invalid XML. | Tags are unbalanced, the root is not SVG, or a DTD is present. | Supply a well-formed SVG document without a DTD. |
| The result is not smaller or looks different. | Already optimized files offer little savings; fonts and external dependencies can affect display. | Compare the result in its final application and keep the original when required. |
Supported behavior and limitations
이 도구의 구체적인 제한: Optimization is not sanitization and does not establish that downloaded SVG is safe in other contexts. Source is previewed as an image, never injected as live page markup. IDs are preserved, but CSS, scripts, fonts, animation, and external references still require review in the target application.
표준 및 구현 참고 자료
- SVGO repository (opens in a new tab)Defines the optimization engine and plugins.
- SVGO browser usage (opens in a new tab)Documents the browser-only entry point used here.
SVG Optimizer — FAQ
Is my input uploaded?
No. Processing happens in a browser Worker. Engine files load from this website; tool input, output, and filenames are not sent to a processing API.
Do I need an account or API key?
No account, API key, or backend processing service is needed.
How do I save a result?
Review the result, then use the Copy or Download control available for that output. Modifying input clears stale results.
What are the limits?
Optimization is not sanitization and does not establish that downloaded SVG is safe in other contexts. Source is previewed as an image, never injected as live page markup. IDs are preserved, but CSS, scripts, fonts, animation, and external references still require review in the target application.
변경 사항
실질적인 업데이트: SVG Optimizer: Added local processing, explicit size limits, cancellation, worked examples, error explanations, and downloadable results.