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

SVG sıkıştırıcı nasıl çalışır

Illustrator, Inkscape, Figma veya Sketch'ten kaydedilen bir SVG genellikle bir tarayıcının hiç kullanmadığı pek çok şey taşır: düzenleyici meta verileri, yorumlar, gizli katmanlar, tam yazılmış varsayılan değerler ve sekiz veya daha fazla ondalık basamaklı koordinatlar. Bu araç, çoğu derleme aracının ve tasarım uygulamasının güvendiği açık kaynaklı SVG optimize edicisi SVGO ile bunların hepsini kaldırır; böylece çizim aynı görünür ama dosya küçülür.

SVGO dosya üzerinde birkaç geçiş yapar. Yolları birleştirip kısaltır, sayıları seçtiğiniz hassasiyete yuvarlar, gereksiz grupları daraltır, boş öğeleri kaldırır ve renkleri en kısa biçimleriyle yeniden yazar. viewBox korunur; böylece SVG yine her boyuta ölçeklenir ve dosyanın diğer kısımlarının başvurduğu kimlikler, başvuruları güncellenerek kısaltılır; böylece geçişler ve maskeler çalışmaya devam eder.

Önemli olan tek ayar hassasiyettir. Yüksek üç ondalık basamak tutar; bu, normal her boyutta görünmezdir ve simgeler ile logolar için güvenli seçimdir. Dengeli iki, En küçük bir basamak tutar; bu, bir birimin onda birinin bir pikselin çok altında kaldığı büyük çizimlere uygundur ama çok küçük simgelerin şeklini bozabilir. Bir sonuç tuhaf görünürse orijinali daha yüksek hassasiyetle yeniden sıkıştırın.

Yaklaşık 200 KB'lık optimize edici, düğmeye ilk bastığınızda yüklenir. SVG'leriniz bu sekmenin içinde okunup yeniden yazılır ve hiçbir zaman yüklenmez; bu, henüz yayımlanmamış logolar ve müşteri çizimleri için önemlidir.

SVG Sıkıştırıcı seçenekleri

Ne zaman kullanılır

Her kilobaytın sayfa yüklemesine eklendiği bir web sitesine simge ve logo koymadan önce, bir SVG dosyasını HTML içine veya bir React bileşenine satır içi eklemeden önce, tasarım dosyalarını bir kod deposuna göndermeden önce ya da bir yükleme formu dosya boyutunu sınırladığında SVG'leri sıkıştırın.

Tasarım uygulamanız için orijinal, düzenlenebilir SVG dosyasını saklayın. Optimizasyon katman adları ve kılavuzlar gibi düzenleyici verilerini kaldırır; çizimi düzenlemeniz gerektiğinde orijinali yeniden açın.

SVG optimize edici hakkında

SVG Optimizer'ın kısaltması olan SVGO, çoğu web derleme aracında ve optimize dışa aktarma sunan tasarım uygulamalarında SVG optimizasyonunun arkasındaki açık kaynaklı araçtır. SVG dosyasını bir ağaç yapısına ayrıştırır, üzerinde bir dizi iyi test edilmiş temizlik adımı çalıştırır ve tekrar yazar; bu, kazanılacak başka bir şey kalmayana kadar tekrarlanır. Burada attığı her adım, çizimin aynı görünmesini sağlayan bir adımdır; varsayılanlarına üretim ortamında güvenilmesinin nedeni de budur. Bu sayfada kullanılan sürüm tamamen tarayıcıda çalışır ve aracı ilk kullandığınızda jsDelivr CDN'den yüklenir.

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

"zaten optimize edilmiş; değiştirilmeden döndürüldü"

SVG zaten optimize edilmiş; bu yüzden onu değiştirmeden hiçbir şey kaldırılamadı. Orijinal dosya geri verilir.

Çizimin bir kısmı kaydı veya büküldü

Çok küçük simgeler düşük hassasiyette kayabilir. Orijinali Yüksek hassasiyetle yeniden sıkıştırın.

"bir SVG dosyası değil"

Dosya bir SVG çizimi içermiyor. SVG olarak dışa aktarılmış ama yalnızca bir bitmap resmi saran dosyalar da pek küçültülemez; bunun yerine içlerindeki resmi sıkıştırın.

SVG sıkıştırıcı adım adım nasıl kullanılır

1. "SVG dosyalarını seçin" düğmesine basın veya dosyaları kutuya sürükleyin.
2. Gerekirse seçenekleri ayarlayın; varsayılanlar çoğu kullanım için uygundur.
3. "SVG Sıkıştır" düğmesine basın. İşlem cihazınızda gerçekleşir.
4. Sonucu indirme düğmesiyle kaydedin.

Bunu çevrimiçi yapmak güvenli mi?

Çoğu çevrimiçi araçta "çevrimiçi", dosyanızın bir şirketin sunucusuna yüklenmesi, orada işlenmesi ve silinmeden önce bir süre saklanması demektir. Burada öyle değil. Sayfa aracın kodunu tarayıcınıza indirir ve dosyanız kendi cihazınızdaki sekmenin içinde okunup işlenir. TapToConvert'e veya başka birine hiçbir zaman gönderilmez.

Bunu kendiniz kontrol edebilirsiniz: sayfa ve motoru yüklendikten sonra Wi-Fi'ı kapatın, araç yine çalışır. Bu aynı zamanda sıra, günlük sınır ve sunucunun koyduğu bir dosya boyutu sınırı olmadığı anlamına gelir; tek sınır, tarayıcınızın tek bir sekmeye verdiği bellektir.