SVG'yi sıkıştır

SVG dosyalarının boyutu (görüntü ağırlığı), bitmaplerin aksine, piksel cinsinden boyuta bağlı değildir, ancak kod miktarına bağlıdır. Büyük resimler için SVG formatının faydaları açıktır. SVG'nin dosya boyutu açısından her zaman bitmaplerden daha iyi performans gösterdiği varsayılabilir, ancak bu her zaman böyle değildir. Web siteleri oluşturuyorsanız, SVG dosyalarına aşina olabilirsiniz. Çok yaygın bir görüntü formatı değildir, ancak Google Chrome, Microsoft Internet Explorer ve Mozilla Firefox gibi çoğu modern web tarayıcısı tarafından desteklenir. Ölçeklenebilir Vektör Grafikleri anlamına gelen SVG, XML tabanlı bir vektör grafik formatıdır. SVG dosyaları üç şey için optimize edilebilir: dosya boyutu, oluşturma hızı ve düzenleme. Çoğu durumda, özellikle karmaşık çizimler için düzenleme için optimizasyon gereklidir.

SVG kodunun miktarı optimizasyon yoluyla azaltılabilir. Meta verileri kaldırma. Grafik düzenleyicilere (örneğin, Adobe Illustrator) kaydettikten sonra, SVG kodu, kaldırılması dosya boyutunu küçültecek ve görüntüyü hiçbir şekilde etkilemeyecek birçok gereksiz bilgi içerir. Gereksiz nesneleri kaldırma. Görüntü, gereksiz veya gizli nesnelerin yanı sıra, kaldırılması görüntüyü etkilemeyen nesneleri gruplayan etiketler içerebilir. Kullanılmayan sınıfları ve tanımlayıcıları kaldırma. Vektör görüntülerini düzenlerken, grafik düzenleyiciler, görüntünün son sürümünün ihtiyaç duymadığı etiketlere sınıflar ve tanımlayıcılar ekleyebilir. Etiket niteliklerinin optimizasyonu. Özniteliklerin sık kullanımı, CSS özellikleriyle değiştirilebilir: çok sayıda öğe ile bu, SVG'nin ağırlığını önemli ölçüde azaltabilir. Gereksiz düğümleri kaldırma. Bir vektör görüntüsündeki her nokta, kodun hacmine yansıtılır: Gereksiz düğümlerin kaldırılması, hacminin azaltılmasına yardımcı olur.