SVG İyileştirici ve Küçültücü
Tasarımdan gizli — tamamen tarayıcınızda çalışır
SVG dosyalarını tarayıcınızda küçültün ve temizleyin. Toova meta verileri kaldırır, yolları basitleştirir, gereksiz öğeleri çöker ve orijinalle özdeş şekilde işlenen daha küçük, daha hızlı bir SVG üretir — dosyayı hiçbir yere yüklemeden.
Kaldırılanlar
Tasarım araçlarından gelen SVG dosyaları çok sayıda şişirilmiş içerik barındırır: düzenleyici meta verileri, hiçbir şeyin başvurmadığı XML ad alanları, yorumlar, boş gruplar, gereksiz dönüşümler ve hiçbir ekranın işleyemeyeceğinden daha fazla hassasiyete sahip kayan nokta koordinatları. Toova görsel çıktıyı tam olarak korurken bunların hepsini kaldırır. Sonuç tipik olarak yüzde 40-70 daha küçüktür; Illustrator veya Sketch'ten gelen dosyalar için bazen çok daha fazla.
Yol basitleştirme
Yol verisi genellikle bir SVG dosyasının en büyük bölümüdür. Toova, koordinatları yapılandırılabilir bir hassasiyete yuvarlar, düz çizgilerdeki gereksiz kontrol noktalarını kaldırır ve ayrıntılı sözdizimini daha kısa eşdeğerlerine dönüştürür. Sonuç, hassasiyet eşiğinin ötesinde yakınlaştırmadığınız sürece orijinalden görsel olarak ayırt edilemez. Daha düşük hassasiyet daha küçük dosyalar anlamına gelir, ancak aşırı yakınlaştırmada biraz daha az pürüzsüz olur.
Yalnızca yerel
Her optimizasyon tarayıcınızda gerçekleşir. Yapıştırdığınız SVG — bir marka varlığı, yayımlanmamış bir simge veya tescilli herhangi bir grafik olabilir — sayfayı terk etmez. Ağ sekmesi optimizasyon sırasında boş kalır ve sayfa ilk yüklemeden sonra çevrimdışı çalışır. Bu, Toova'yı tasarım sistemi çalışması ve dahili varlık hazırlama için güvenli kılar.
Sıkça Sorulan Sorular
- SVG ne kadar daha küçük olacak?
- Tasarım araçlarından gelen dosyalar için tipik olarak yüzde 40-70 daha küçük, orijinalin ağır meta verisi varsa bazen çok daha fazla. Zaten yalın olan elle yazılmış SVG'ler için tasarruflar daha küçüktür — genellikle yüzde 10-20.
- Optimizasyon SVG'nin görünümünü değiştirir mi?
- Görünür şekilde değil. Optimize edici işlenmiş çıktıyı tam olarak korur. Yol hassasiyeti yapılandırılabilir — varsayılan hassasiyette, bir kullanıcının gerçekte kullanacağı herhangi bir yakınlaştırma seviyesinde fark görünmez.
- viewBox'ı kaldırıyor mu?
- Hayır. viewBox SVG ölçekleme için kritik öneme sahiptir ve her zaman korunur. Optimize edici, viewBox yeterli olduğunda gereksiz genişlik ve yükseklik özelliklerini kaldırır.
- Belirli meta verileri saklayabilir miyim?
- Evet. Varsayılan olarak, düzenleyiciye özgü meta veriler kaldırılır, ancak erişilebilirlik meta verileri (başlıklar, açıklamalar, ARIA rolleri) korunur. Daha ince kontrol için tek tek optimizasyon geçişlerini değiştirin.
- SVG'm bir sunucuya gönderiliyor mu?
- Hayır. Optimizasyon tamamen tarayıcınızda çalışır.