Çevrimiçi SVG Dosyalarını Optimize Edin
Tasarım araçlarından gelen SVG dosyaları genellikle dosya boyutuna %10-40 ek yük sağlayan meta veriler, yorumlar ve editöre özgü nitelikler içerir. Bu optimizör, tarayıcınızda tamamen çalışan SVGO kullanarak görsel kaliteyi korurken gereksiz verileri temizler. Dosya yüklenmez, sunucu işlemi yapılmaz, bekleme yoktur.
Nasıl Kullanılır
- SVG kodunu metin alanına yapıştırın veya bir SVG dosyası yükleyin
- Araç otomatik olarak Optimiz sekmesine geçer
- Bir ön ayar seçin: Muhafazakâr, Orta veya Agresif
- Dosyayı işlemek için SVG’yi Optimize Et’e tıklayın
- Önceki/sonraki boyutları karşılaştırın ve optimize edilmiş sürümü indirin
Optimizasyon Ön Ayarları
- Muhafazakâr: yorumları, meta verileri ve editör ad alanlarını kaldırır. Hemen hemen tüm SVG’ler için güvenlidir.
- Orta: ayrıca grupları birleştirir, renkleri dönüştürür, yolları birleştirir ve sayısal değerleri basitleştirir.
- Agresif: maksimum sıkıştırma. viewBox ve başlık öğelerini kaldırabilir. İndirmeden önce önizlemeyi kontrol edin.
- Özel: ince ayar kontrolü için tek tek SVGO eklentilerini açıp kapatın.
Yaygın Kullanım Durumları
Tasarım araçlarından gelen dışa aktarımları temizleme
Figma, Sketch ve Illustrator ek yük sağlayan meta veriler gömer. Dışa aktarımları bir depoya eklemeden veya üretime dağıtmadan önce Orta optimizörden geçirin.
Daha hızlı sayfa yüklemeleri için SVG boyutunu küçültme
Daha küçük SVG dosyaları daha hızlı yüklenir ve daha az bant genişliği kullanır. Simge sprite’larınızı ve illüstrasyonlarınızı optimize etmek, görünür kalite kaybı olmadan dosya boyutunda %30-70 tasarruf sağlayabilir.
E-posta HTML’i için SVG’leri hazırlama
E-posta istemcileri katı boyut sınırlarına sahiptir. E-posta şabonlarına gömmeden önce SVG’leri görsel kaliteyi koruyarak sınırlar dahilinde kalmak için optimize edin.