SVG dosyaları neden bu kadar fazla ek veri taşır
Çizim programları çizimden fazlasını kaydeder: düzenleyici ad alanları, katman adları, yorumlar, gizli öğeler, on ondalıkla yazılmış yollar ve “Layer_1-copy-3” gibi kimlikler. Bir tarayıcının bunların hiçbirine ihtiyacı yoktur. Bu sayfanın arkasındaki optimize edici dosyayı ayrıştırır, görünür etkisi olmayanları kaldırır ve geri kalanı en kısa biçimiyle yeniden yazar; böylece simgeler ve çizimler görünümlerinde hiçbir değişiklik olmadan çoğunlukla üçte bir ya da daha fazla küçülür; bu da sayfaların daha hızlı yüklenmesi demektir.
Bir SVG'yi dört adımda optimize edin
- SVG kodunu soldaki kutuya yapıştırın ya da SVG dosyası aç'a basın.
- Ondalık basamak sayısını ayarlayın ve ihtiyacınız olan seçenekleri işaretleyin.
- İki önizlemeyi karşılaştırın ve kazanılan boyutu sonucun altında okuyun.
- Kopyala'ya basın ya da yeni dosyayı .min.svg olarak indirin.
Her seçenek ne yapar
- Ondalık basamak koordinatları yuvarlar. Simgeler için üç basamak güvenlidir; büyük ve basit şekiller için bir ya da iki yeter.
- Birkaç geçiş, kazanılacak bir şey kalmayana kadar temizliği tekrarlar.
- Kimlikleri kısalt, kullanılan kimlikleri yeniden adlandırır ve gerisini atar. Kimlikleri başka yerde biçimlendirilen veya betiklenen satır içi SVG için kapatın.
- width ve height'ı kaldır, bir viewBox varsa görselin kapsayıcısıyla birlikte ölçeklenmesine izin verir.
- Betikleri kaldır, script öğelerini ve olay özniteliklerini siler; bilinmeyen bir kaynaktan gelen SVG'yi gömmeden önce işe yarar.
Özgünü değiştirmeden önce yapılacak denetimler
Optimizasyon çoğu dosya için güvenlidir; ancak agresif yuvarlama ince çizgileri kaydırabilir ve kaldırılan kimlikler, onlara işaret eden CSS'i ya da animasyonları bozabilir. Sayfa özgünü ve sonucu yan yana göstermesinin nedeni budur. Yeni dosyayı gerçek yerinde görene kadar özgün dosyayı saklayın.
Hiçbir şey yüklenmez
Optimize edici bir kez yüklenir ve bu sekmenin içinde çalışır. Çiziminiz bir sunucuya asla ulaşmaz; bu, yayımlanmamış logolar ve müşteri işleri için önemlidir. Sayfayı kapattığınızda dosya ve sonuç da bellekten silinir. Optimize edicinin kendisi yalnızca bir kez, bu siteden yüklenir ve sonrasında önbellekten çalışır; bu yüzden ikinci kullanımda ek bir indirme yapılmaz.