İçeriğe atla

SVG Sıkıştırıcı

XML atıkları, yorumları ve editör meta verilerini kaldırarak SVG işaretlemesini küçültün.

Giriş
Çıkış

SVG Sıkıştırıcı

Illustrator, Inkscape veya Figma'dan dışa aktarılan bir SVG yapıştırın ve bu araç aynı görünümde ancak çok daha küçük bir dosya boyutuyla küçültülmüş bir sürümü döndürür. XML bildirisini, yorumları, editöre özgü meta verileri (Inkscape ve Illustrator tarafından kullanılan ad alanı öğeleri ve nitelikleri), boş grupları ve etiketler arasındaki boşluğu kaldırır — tarayıcının veya bir <img> etiketinin hiçbir zaman ihtiyacı olmadığı tüm şeyler.

Ondalık basamak sayısı, koordinatlar ve diğer sayısal niteliklerin kaç basamak tutacağını kontrol eder, bu nedenle "12.34567" varsayılan değer olan ikide "12.35" olur. ID ve class nitelikleri kaldır her ikisini kaldırır, ancak url(#…) dolgusu veya href="#…" bağlantısıyla hâlâ başvurulan kimlikler dışında — bunlar kalır, bu nedenle gradyanlar, klip yolları ve <use> öğeleri çalışmaya devam eder. Genişlik/yükseklik kaldır, viewBox koru yalnızca bir viewBox mevcut olduğunda dış boyutları kaldırır ve boyutlandırmayı üstlenebilir, bu nedenle SVG doğru şekilde ölçeklenir. Onaltılık renkleri kısalt "#ffffff" öğesini "#fff" olarak değiştirir, burada üç kanal da ikiye katlanır, başka herhangi bir şey dokunulmaz kalır.

Yanlış biçimlendirilmiş işaretleme — kapalı veya uyumsuz bir etiket — tahmin edilmek yerine hata olarak bildirilir, çünkü bozuk XML'i sessizce düzeltebilen bir sıkıştırıcı, neyin işlendiğini değiştirebilir. <text>, <tspan> ve satır içi <style> içindeki metin tam olarak yazılı şekilde kalır, çünkü buradaki boşluk içeriğin bir parçasıdır, biçimlendirme değil. Windows ve Unix satırı sonları aynı şekilde işlenir ve canlı toplam giriş baytlarını, çıkış baytlarını ve yüzde tasarrufu gösterir.

Her şey yerel olarak tarayıcınızda çalışır: SVG asla cihazınızı terk etmez, bu da yayımlanmamış icon setleri ve istemci çalışması için önemlidir. Sonucu kopyalayın, .txt dosyası olarak indirin veya farklı seçeneklerle başka bir geçiş uygulamak için girişe geri gönderin.

FAQ

Bu SVG'nin görünümünü değiştirir mi?
Hayır. Yalnızca görsel etkisi olmayan işaretlemeleri kaldırır — yorumlar, meta veriler, boş gruplar ve ekstra boşluk — ve koordinatları yuvarlar, bu da varsayılan duyarlılıkta bir pikselden daha az işlemeyi değiştirir.
ID'ler ve sınıfları kaldırmak güvenli mi?
Araç, url(#…) dolgu/vuruş veya href="#…" bağlantısıyla hâlâ başvurulan tüm kimlikler tutar, bu nedenle gradyanlar, klip yolları ve yeniden kullanılan simgeler çalışmaya devam eder. Yalnızca referans yapılmayan kimlikler ve tüm sınıflar kaldırılır.
SVG'nim söz dizimine sahipse ne olur?
Araç bunu tahmin etmek yerine hata olarak bildirir — kapalı veya uyumsuz bir etiket, kodu düzeltip yeniden deneyebilmeniz için bir sakin hata mesajı döndürür.
Genişlik ve yüksekliği kaldırmak görüntüyü bozar mı?
Yalnızca bir viewBox mevcut olduğunda araç bunları bırakır — viewBox tek başına, SVG'nin konteynerisinin verdiği herhangi bir boyuta ölçeklenebilmesi için yeterlidir.
SVG'im herhangi bir yere yüklendi mi?
Hayır. Sıkıştırma tamamen tarayıcınızda çalışır — dosyanız asla cihazınızı terk etmez.