Ücretsiz SVG Optimize Edici ve Küçültücü
Meta verileri kaldırın, boşlukları daraltın ve SVG dosya boyutunu dramatik biçimde küçültmek için ondalıkları yuvarlayın — genellikle %30-70 oranında küçülme. Görsel önizleme hiçbir şeyin bozulmadığını doğrular.
Dosyayı buraya bırakın ya da göz atmak için tıklayın
SVG · cihazınızda işlenir
veya panodan yapıştırmak için Ctrl+V'ye basın
Dosyalarınız hiçbir zaman cihazınızı terk etmez. Tüm işlemler tarayıcınızda yerel olarak gerçekleşir.
Yaygın kullanımlar
- Üretime İçin SVG Simgelerini Optimize EtSimge SVG'lerinden sevkiyattan önce gereksiz meta verileri kaldır — tipik olarak 50-80% azalma.
- Marka Logosu SVG'lerini Optimize EtKaliteyi feda etmeden hızlı web sitesi yüklemesi için SVG logo dosya boyutunu azalt.
- İllüstrasyonları ve Hero SVG'leri Optimize EtDaha büyük çizimler (hero'lar, dekoratif grafikler) için optimizasyon dosya boyutundan 30-70% kesinti yapabilir.
- JavaScript Paket Boyutunu AzaltSVG'ler React bileşenleri olarak içe aktarıldığında veya kodda satır içine alındığında optimizasyon JS paketini küçültür.
- Figma / Sketch SVG İhraçlarını TemizleFigma ve Sketch SVG ihraçları kapsamlı meta veriler içerir. Üretimde kullanmadan önce kaldır.
Nasıl çalışır
Bu araç, tamamen tarayıcınızda çalışan elle yazılmış bir iyileştiriciyle SVG dosya boyutunu küçültür — kütüphane yok, sunucu yok. İki geçişi birleştirir: öznitelik düzeyinde hassas çalışma için tarayıcının yerleşik DOMParser/XMLSerializer'ı ve yorum kaldırma, üst veri silme ve boşluk daraltma için hedefli düzenli ifade değiştirmeleri.
- 1DOMParser SVG'yi temizlerHerhangi bir iyileştirmeden önce tarayıcının DOMParser'ı SVG'yi XML olarak okur ve her öğeyi dolaşır. Script etiketleri, olay işleyicileri (her on* özniteliği), animasyon öğeleri ve harici URL başvuruları koşulsuz olarak kaldırılır — bu, hangi iyileştirme seçeneklerini seçtiğinizden bağımsız olarak çalışır.
- 2DOM tabanlı ondalık yuvarlamaOndalık yuvarlama etkinse iyileştirici ayrıştırılmış DOM'u ikinci kez dolaşır ve yuvarlamayı yalnızca bilinen sayısal özniteliklere (path d verisi, koordinatlar, transform değerleri, çizgi kalınlıkları vb.) uygular; .5.5 gibi birleşik yol değerlerini bozmadan tek tek kayan noktalı sayıları eşleştiren bir düzenli ifade kullanır.
- 3Düzenli ifade geçişleri serileştirilmiş işaretlemeyi temizlerXMLSerializer normalleştirilmiş XML üretir, ardından hedefli dize değiştirmeleri HTML yorumlarını, Inkscape/Sodipodi düzenleyici üst verilerini, XML bildirimini, gereksiz varsayılan öznitelikleri (version="1.1" gibi) ve etiketler arası boşlukları kaldırır — her geçiş dar kapsamlıdır, böylece metin düğümü içeriğine asla dokunulmaz.
- 4Gzip boyutu ve dışa aktarma biçimleriTarayıcının CompressionStream API'si, web'de aktarım maliyetini gerçekte belirleyen şey olduğu için hem girdinin hem çıktının gerçek gzip boyutlarını hesaplar. İyileştirilmiş SVG indirilebilir, ham SVG olarak kopyalanabilir, React JSX'e hazır camelCase özniteliklere dönüştürülebilir veya CSS veri URI'si olarak kodlanabilir — tüm dönüştürmeler yerel olarak gerçekleşir.
SVG'niz tamamen tarayıcı sekmenizde okunur ve işlenir — dosya baytları cihazınızdan asla çıkmaz.
İlgili araçlar
CSS Küçültücü ve Güzelleştirici
Dosya boyutunu azaltmak için CSS'i küçültün veya okunabilirlik için küçültülmüş CSS'i güzelleştirin. Anında, tarayıcınızda.
GIF Sıkıştırıcı
Hareketli bir GIF'i küçültün: Discord'un 256 KB emoji veya 512 KB çıkartma sınırı gibi bir boyut sınırının altına sığdırın ya da renkleri, genişliği ve kareleri kendiniz seçin. Tarayıcınızda çalışır; GIF yüklenmez.
PDF Sıkıştırıcı
PDF dosyalarını sıkıştırarak boyutlarını küçültün. Bir kalite düzeyi seçin — daha yüksek sıkıştırma daha küçük dosya, ancak daha düşük görüntü kalitesi demektir.