Bir tasarım aracı dışa aktarımı
Bir yorum, bir editör namespace özniteliği ve gereksiz bir sarmalayıcı grup içeren 2.3 KB'lık bir SVG
Yorum, namespace ve boş grup kaldırılmış, aynı şekilde render edilen ~1.1 KB'lık bir SVG.
SVG Optimize Edici
Gereksiz işaretlemeyi kaldırarak bir SVG'nin dosya boyutunu küçültün — öncesi/sonrası boyutu ve canlı önizlemeyi görün.
Bu araç işinize yaradı mı?
Bu araç hakkında
Bir tasarım aracından dışa aktarılmış bir SVG genellikle nasıl render edildiğini hiç etkilemeyen çok şey taşır — editör metadata'sı, gereksiz gruplar, tam hassasiyetli koordinatlar, yorumlar. SVGO bunların hepsini kaldırır; bu araç dosyayı bir sunucuya göndermek yerine tamamen istemci tarafında çalıştırır.
Nasıl kullanılır
- Bir SVG dosyası yükleyin, ya da kodunu doğrudan yapıştırın.
- Kazanılan boyutu ve sonucun canlı önizlemesini görmek için Optimize Et'e basın.
- Optimize edilmiş SVG'yi kopyalayın, ya da indirin.
Örnekler
Sık karşılaşılan sorunlar
- Optimize edilmiş SVG orijinalinden biraz farklı görünüyor.
- SVGO'nun varsayılan preset'i yalnızca görsel olarak kayıpsız olması amaçlanan dönüşümleri uygular — bir fark genellikle kaynağın daha katı bir render motorunun farklı yorumladığı alışılmadık bir şeye (editöre özgü bir tuhaflık, bozuk bir öznitelik) dayandığı anlamına gelir. Önce multipass olmadan deneyin, tek bir optimizasyon geçişinin bunu önleyip önlemediğini görün.