SVG optimize edici

SVG dosyalarını doğrudan tarayıcında küçült. Yorumları, gereksiz boşlukları, varsayılan öznitelikleri siler ve uzun ondalıkları yuvarlar. Dosya cihazından ayrılmaz.

SVG input

🔒 Files never leave your browser — no upload, no server, no tracking.

Seçenekler

Remove comments Collapse whitespace Drop default attrs Round coords (2 dp)

Optimized SVG

Sonucu görmek için yukarıya giriş yapın.

Bu ne işe yarar?

Bu araç bir SVG üzerine elle yazılmış küçük bir regex pass seti çalıştırarak byte boyutunu küçültür: XML yorumlarını siler, etiketler arası boşlukları daraltır, zaten varsayılan değerini taşıyan birkaç özniteliği atar ve uzun ondalıklı koordinatları 2 basamağa yuvarlar. Her pass devre dışı bırakılabilen bir kutudur. Her şey tarayıcında olur — upload yok, sunucu yok.

Ne zaman kullanılır

Figma, Illustrator veya Sketch'ten dışa aktarılmış bir SVG ikonunu repoya koymadan önce temizlemek.
HTML veya CSS'e inline almadan önce <svg> payload'ını kırpmak (her byte her sayfa ile beraber gönderiliyor).
Tasarım araçlarının dışa aktarıma bıraktığı XML yorumlarını silmek ("Generator: Adobe Illustrator…").
Bir SVG'yi data: URL olarak kodlamadan önce hızlı bir sanity pass.

Sık yapılan hatalar

SVGO kadar saldırgan değil. Gerçek SVGO kütüphanesi path optimizasyonu, viewBox temizliği ve onlarca başka pass yapabilir. Bu araç sıfır bağımlılık ve %100 tarayıcı içi kalmak için kasten yalnızca güvenli, açık passleri yapar.
Varsayılan öznitelik atımı muhafazakârdır. Yalnızca kısa bilinen varsayılanlar listesini (stroke="none", fill-rule="nonzero", vb.) kaldırır. SVG'in bunların açıkça olmasına dayanıyorsa seçeneği kapat.
Koordinat yuvarlaması kayıplıdır. 2 ondalık ikonlar ve logolar için güvenlidir; yüksek hassasiyetli diyagramlarda kapatmayı düşün.
Boşluk daraltma <text>'i bozabilir. Çoklu boşluklara dayanan <text> elemanları onları kaybeder. İkon SVG'lerinde (metin yok) bu hiç sorun değil.