İçeriğe geç
ToolMug

SVG Optimize Edici

SVG dosyalarını tarayıcınızda SVGO ile sıkıştırın. Illustrator, Inkscape ve Figma’nın dışa aktarırken eklediği üst verileri, yorumları ve gereksiz öznitelikleri kaldırıp yol verilerini ve ondalıkları kısaltır; grafik aynı kalırken dosya küçülür. Birkaç dosyayı aynı anda işleyin veya SVG kodu yapıştırın.

Tarayıcınızda çalışır — girdiğiniz hiçbir şey yüklenmez

3

Koordinatlar bu sayıda ondalığa yuvarlanır. Çoğu simgede 2–3 görünmez; daha düşük değer daha küçük dosya verir ancak ayrıntıyı bozabilir.

veya dosyaları buraya bırakın

Veya SVG kodu yapıştırın
Optimize edilmiş SVG

Nasıl kullanılır

  1. SVG dosyalarını seçin veya bırakın (isterseniz birkaç tane) ya da aşağıya SVG kodu yapıştırın. Çalışmasını görmek için Örnek yükle’ye tıklayın.
  2. Ondalık basamak sayısını ve diğer seçenekleri ayarlayın. Sonuçlar hemen güncellenir ve her dosyanın ne kadar küçüldüğünü gösterir.
  3. Her optimize edilmiş dosyayı indirin veya Tümünü indir (ZIP) seçeneğine tıklayın. Yapıştırılan kod doğrudan kopyalanabilir.

Seçeneklerin açıklaması

Ondalık basamaklar
Koordinat ve sayıların kaç ondalık basamağı koruyacağıdır; varsayılan 3’tür. Simgeler 1–2’de genellikle aynı görünür; ayrıntılı çizim ve haritalarda 3 veya daha fazlasını koruyun.
Birkaç geçiş çalıştır
Dosya küçülmeyi bırakana kadar optimizasyonu tekrarlar. Genellikle birkaç yüzde daha kazandırır ve biraz daha uzun sürer.
Genişlik/yüksekliği kaldır
Yalnızca viewBox’ı korur; SVG kapsayıcısıyla ölçeklenir ve CSS ile boyutlandırırken kullanışlıdır.
ID’leri koru
Varsayılan olarak kullanılmayan ID’ler kaldırılır, kalanlar kısaltılır. Harici CSS, JavaScript veya başka dosyalar öğelere ID ile başvuruyorsa bunu işaretleyin.

Örnek

Inkscape’ten dışa aktarılan 789 baytlık özgün dosyada XML bildirimi, yorum, üst veriler, yalnızca editöre ait öznitelikler ve uzun ondalıklar bulunur. Optimize edilmiş (248 bayt):

<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120"><circle cx="60" cy="60" r="50" style="fill:#0f766e;fill-opacity:1;stroke:none"/><path d="m40 62 14 14 28-30-6-6-22 24-8-8Z" style="fill:#fff;stroke:none"/></svg>

Sıkça sorulan sorular

Görsel kötüleşir mi?

SVG vektör biçimidir. Optimizasyon yalnızca görüntüyü etkilemeyen içeriği kaldırır ve sayıları seçtiğiniz ondalıklara yuvarlar. Varsayılanlarda görünür fark olmaz; şekil bozulursa ondalık basamakları artırın.

Ne kadar küçülür?

Dışa aktaran yazılıma bağlıdır. Tasarım araçlarından gelen SVG’ler genellikle %30–70 küçülür — örnek 789 bayttan 248 bayta iner. Zaten optimize edilmiş dosyalar az değişir.

Animasyon veya betik neden çalışmayı bıraktı?

SVG’nin stilleri veya betikleri öğeleri ID ile seçiyorsa ID’leri koru’yu işaretleyin.

Dosyalarım yükleniyor mu?

Hayır. SVGO tarayıcınızda çalışır; dosyalar yerel olarak okunup işlenir.

Gizlilik

Bu araç tamamen tarayıcınızda çalışır. Dosyalarınız ve metinleriniz cihazınızda işlenir, sunucularımıza asla yüklenmez.

İlgili araçlar