Apa yang dilakukan SVG Optimizer?
SVG Optimizer membantu mengonversi data atau berkas langsung di browser serta menjelaskan hasil dan batasannya dengan jelas. Kemampuan yang telah diverifikasi: 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.
Bagaimana cara menggunakannya?
- 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.
Contoh masukan dan keluaran nyata
Remove redundant editor markup
Masukan
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><!-- editor note --><rect width="10" height="10" fill="#0000ff"/></svg>Keluaran
<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.
Kesalahan umum dan perbaikannya
| Gejala | Kemungkinan penyebab | Perbaikan |
|---|---|---|
| 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
Batas khusus alat ini: 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.
Standar dan referensi implementasi
- 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.
Apa yang berubah?
Pembaruan substantif: SVG Optimizer: Added local processing, explicit size limits, cancellation, worked examples, error explanations, and downloadable results.