Görsel ve tasarım araçları
SVG Optimizer
SVG Optimizer, girdiyi sunucuya göndermeden sonuçları kontrol etmek, dönüştürmek veya hazırlamak için tarayıcıda çalışır.
Input / output
최적화 옵션
용량 비교
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
%3C%2Fscript%3E%3Crect%20onclick%3D%22x%22%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)
최적화 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, görsel ve tasarım akışı için yerel bir tarayıcı aracıdır. Girdi, seçenekler ve sonuç tek sayfada kalır.
How to use it
- Girdiyi yapıştır
İşlenecek değeri giriş alanına yaz veya yapıştır.
- Seçenekleri ayarla
SVG optimizer, sanitize SVG, vector cleanup ile eşleşen modu, biçimi veya birimi seç.
- Sonucu kontrol et
Aracı çalıştır ve sonucu kontrol ettikten sonra kopyala veya indir.
Examples
SVG Optimizer örneği
- Input
- Örnek girdi
- Output
- Tarayıcıda kontrol edilmiş çıktı.
Practical tips
- Büyük içerikte küçük bir örnekle başla.
- Reklamlar ana kontrollerin ve sonuç alanlarının dışında kalır.
FAQ
SVG Optimizer için hangi girdiyi kullanmalıyım?
Görünen göreve uygun değerleri kullan ve çalıştırmadan önce seçenekleri ayarla.
SVG Optimizer sonucunu kopyalayabilir miyim?
Evet. Sonucu kontrol et, sonra kopyala veya indir.
SVG Optimizer mobilde çalışır mı?
Evet. Girdi, seçenekler ve sonuç küçük ekranlarda düzenli şekilde dizilir.
Girdim sunucuya gönderilir mi?
Hayır. Araç girdiyi tarayıcıda işlemek için tasarlanmıştır.