SVG Sıkıştırma Nasıl Çalışır?
SVG sıkıştırma aracı, dosyanızı tarayıcıda JavaScript ile analiz eder ve gereksiz olan editör verilerini, açıklama satırlarını ve kullanılmayan ad alanlarını otomatik olarak kaldırır. Ayrıca koordinat değerlerini seçtiğiniz ondalık hassasiyete yuvarlar; böylece gereksiz basamaklardan doğan dosya şişkinliği önlenir.
Bu işlem, SVG'nin görünümünü bozmadan mümkün olan en yüksek dosya küçülmesini sağlar. Hem orijinal hem de optimize edilmiş SVG’yi tarayıcıda yan yana görebilir ve sonucu anında karşılaştırabilirsiniz.
Hangi Bilgiler Korunur, Hangileri Temizlenir?
SVG içindeki ID, class, gradient ve filtre referansları gibi önemli ögeler asla silinmez. URL’ler, class adları ve metin içerikleri optimizasyondan etkilenmeden korunur. Dilerseniz, erişilebilirlik için <title> etiketini de saklayabilirsiniz.
Fakat dış bağlantılı veya script içeren SVG’lerde optimizasyon uygulanmaz. Koordinatlarda fazla yuvarlama yapılırsa, özellikle karmaşık şekillerde ve ikonlarda görsel bozulmalar meydana gelebilir; bu nedenle hassasiyet ayarı doğru seçilmelidir.
Neden SVG Sıkıştırmaya İhtiyacınız Var?
Web sitenizdeki SVG dosyalarının boyutunu küçültmek, sayfa yüklenme hızını artırır ve kullanıcı deneyimini iyileştirir. Özellikle ikon setleri veya vektörel illüstrasyonlar için gereksiz bilgileri temizlemek, hem SEO hem de performans açısından avantaj sağlar.
Bu araç, SVG’leri hiçbir yere yüklemeden, tamamen tarayıcınızda işler ve gizliliğinizi korur. Tüm düzenleme, yükleme veya paylaşma ihtiyacı olmadan anında sonuç alırsınız.
Sıkça Sorulan Sorular
SVG sıkıştırma ile genellikle ne kadar boyut kazanılır?
Çoğu SVG dosyasında %30-70 oranında boyut küçülmesi mümkündür. Sonuç, dosyanın orijinalindeki gereksiz veri miktarına bağlı olarak değişir.
Optimizasyon sonrası SVG tüm tarayıcılarda birebir aynı görünür mü?
Evet, optimize edilen SVG, görsel olarak orijinaliyle aynı kalır. Ancak çok fazla koordinat yuvarlaması yapılırsa, özellikle karmaşık şekillerde ince farklılıklar oluşabilir.
Hangi metadata ya da ögelerin saklanıp silineceğini seçebiliyor muyum?
Evet, örneğin erişilebilirlik için <code><title></code> etiketinin kalmasını seçebilirsiniz. Diğer temel tanımlayıcılar (ID/class) otomatik olarak korunur.
Karmaşık filtre veya gradient içeren SVG’ler için bu aracı kullanmak güvenli mi?
Filtre ve gradient referansları her zaman korunur, bu nedenle görsel bütünlük bozulmaz. Yine de çok agresif yuvarlama yapılırsa ince detaylarda farklar olabilir.
Farklı editörlerden alınan SVG’ler destekleniyor mu?
Tüm büyük vektör editörlerinden (örneğin Illustrator, Figma, Inkscape) alınan SVG’ler ile uyumludur. Ancak harici script içeren dosyalar optimize edilmez.
Koordinat yuvarlama ikon ve illüstrasyonları nasıl etkiler?
Küçük hassasiyet (ör: 2-3 basamak) genellikle fark edilmezken, çok düşük hassasiyette (ör: tam sayıya yuvarlama) şekillerde bozulma olabilir. Karşılaştırmalı önizleme ile sonucu kontrol edebilirsiniz.
Bu araçta bir sorun mu var, ya da bir fikriniz mi var? Bize yazın