SVG Optimize / Küçültme
SVG kodunuzu yapıştırın; gereksiz boşlukları, yorumları, editör meta verilerini ve fazla ondalıkları temizleyerek dosyayı küçültün. Ne kadar kazandığınızı görün, sonucu indirin veya kopyalayın.
İşlem tarayıcınızda yapılır; dosyanız sunucuya gitmez.
SVG Optimize / Küçültme nedir, ne işe yarar?
SVG optimize, bir SVG dosyasındaki gereksiz boşlukları, yorumları, XML bildirimlerini ve Inkscape/Illustrator gibi editörlerin eklediği meta verileri temizleyerek dosya boyutunu küçültme işlemidir. Çizim yolları korunur; görsel bozulmaz.
Kodunuzu yapıştırın; araç fazlalıkları temizleyip önce/sonra boyutunu göstersin. Editörden dışa aktarılmış SVG'lerde çoğu zaman belirgin kazanç elde edilir. İşlem tarayıcınızda yapılır.
SVG Optimize / Küçültme nasıl yapılır?
- SVG kodunuzu yapıştırın veya dosyayı yükleyin.
- Araç gereksiz boşluk, yorum ve editör verilerini temizler.
- Önce/sonra boyutu görün; küçültülmüş SVG'yi indirin veya kopyalayın.
Nerelerde kullanılır?
- Web sitesinde kullanılacak SVG'leri hafifletip sayfayı hızlandırmak
- İkon setlerini toplam boyut için küçültmek
- Editör artığı meta verilerden temizlenmiş temiz kod almak
- SVG'yi e-posta/uygulama boyut sınırlarına sığdırmak
İpuçları
- En büyük kazanç, tasarım programlarından dışa aktarılan SVG'lerde görülür.
- Optimize sonrası görseli bir kez önizleyip bozulma olmadığını doğrulayın.
- Rasterleştirmeden önce optimize etmek, SVG → PNG çıktısını da hızlandırır.
Tasarım programları neden şişkin dosya üretir?
Illustrator, Figma ve Inkscape gibi programlar SVG'yi dışa aktarırken kendi çalışma bilgilerini de gömer: katman adları, düzenleme geçmişi, kullanılmayan gradyan tanımları, program sürümü. Bunların hiçbiri görüntünün çizilmesi için gerekli değildir; yalnızca dosyayı büyütür.
İkinci büyük kaynak koordinat hassasiyetidir. Program bir noktayı on ondalık basamakla yazabilir, oysa ekranda iki basamakla arasında görünür fark yoktur. Yüzlerce noktada bu fazlalık toplanınca dosyanın önemli bir kısmını oluşturur.
Ne siliniyor, ne korunuyor?
Optimizasyon yalnızca çizime katılmayan şeyleri temizler: düzenleyici üstverisi, kullanılmayan tanımlar, boş gruplar, tekrar eden öznitelikler, opaklığı sıfır olan görünmez öğeler ve gereksiz ondalık haneler.
Tipik bir logo dosyası bu temizlikten sonra yüzde altmış ile seksen arasında küçülür. Görüntüde hiçbir değişiklik olmaz, çünkü silinen hiçbir şey zaten çizilmiyordu.
Animasyon kullanacaksanız dikkat
SVG'yi sonradan CSS veya JavaScript ile canlandıracaksanız, öğelerin kimlik ve sınıf adlarına ihtiyacınız olur. Agresif optimizasyon bunları kısaltabilir ya da silebilir; sonra kodunuz o öğeyi bulamaz ve animasyon çalışmaz.
Böyle bir kullanımınız varsa optimizasyondan sonra dosyayı mutlaka yerinde test edin. İşlem tarayıcınızda yapılır; özgün dosyanız bilgisayarınızda olduğu gibi kalır, memnun kalmazsanız ona dönebilirsiniz.
Sık sorulan sorular
Optimize ederken görselim bozulur mu?
Hayır. Yalnızca gereksiz boşluklar, yorumlar, XML bildirimi ve Inkscape/Illustrator gibi editörlerin eklediği meta veriler temizlenir; çizim yolları korunur.
Ne kadar küçülür?
Editörden dışa aktarılmış SVG'lerde genellikle %20–60 arası kazanç görülür. Sonuçta önce/sonra boyutu gösterilir.
Verilerim gönderiliyor mu?
Hayır. Tüm işlem tarayıcınızda yapılır.