SVG Optimize Edici
SVG dosyalarınızı AI destekli teknolojiyle optimize edinKaliteyi koruyarak dosya boyutunu %90'a kadar azaltın
SVG dosyanızı sürükleyip bırakın
ya da göz atıp yükleyin
Dosya SVG olmalı, en fazla 10MB
Ücretsiz
Sınırsız kullanım
Kredi kartı gerekmez
Hemen başlayın
Üyelik gerekmez
Hemen kullanın
Neden Biz?
AI destekli teknolojimizle en iyi sonuca ulaşın
Hızlı Optimizasyon
SVG dosyalarınızı AI destekli algoritmalarımızla saniyeler içinde optimize edin. Kurumsal seviyede performans.
Daha Küçük Dosya
Gereksiz metadata ve kodu temizleyerek boyutu %90'a kadar azaltın. Profesyonel sonuç garantisi.
Kalite Korunur
Görsel kaliteden ödün vermeden optimize edilmiş SVG dosyaları alın. Kurumsal seviyede kalite kontrolü.
AI Destekli Teknoloji
SVG dosyalarınızı en yeni yapay zekâ teknolojileriyle akıllıca optimize ediyoruz. Sistemimiz binlerce optimizasyondan öğrenir ve her zaman en iyi sonucu garanti eder.
%99,9 Başarı Oranı
10.000+ Optimizasyon
Sınırsız Kullanım
SVG optimizasyonu nasıl çalışır
Dosyanız, yaygın kullanılan açık kaynaklı SVG optimize edicisi SVGO ile işlenir. Varsayılan ön ayar çok geçişli (multipass) modda çalışır: dosya küçülmeyi bırakana kadar geçişler tekrarlanır. Değişenler şunlardır.
Düzenleyici ve belge fazlalıkları temizlenir
XML bildirimi, DOCTYPE, yorumlar ve <metadata> blokları kaldırılır; Inkscape, Illustrator ve Sketch gibi düzenleyicilerin dosyaya yazdığı fazladan ad alanları ve öznitelikler de silinir. "Created with…" gibi genel açıklamalar da gider. Bunların hiçbiri görselin çizimini etkilemez.
Sayılar yuvarlanır, yol verisi yeniden yazılır
Koordinatlar ve diğer sayısal değerler üç ondalık basamağa yuvarlanır. Yol komutları, eşdeğer en kısa biçimde yeniden yazılır, gereksiz parçalar atılır ve aynı stile sahip komşu yollar tek yolda birleştirilebilir.
Şekiller, gruplar ve dönüşümler sadeleştirilir
Dikdörtgenler, çizgiler ve çokgenler, daha kısa olduğunda yola çevrilir. Boş gruplar ve kapsayıcılar kaldırılır, hiçbir şey eklemeyen sarmalayıcı gruplar düzleştirilir; dönüşümler mümkün olduğunda birleştirilir ya da uygulanır.
Stiller ve renkler temizlenir
Renkler en kısa biçimde yazılır (örneğin #ff0000, red olur), <style> içindeki CSS küçültülür, yalnızca SVG varsayılanlarını tekrarlayan öznitelikler kaldırılır; gizli ya da boş öğeler silinir.
Kullanılmayan ID'ler ve tanımlar kaldırılır
Dosya içinde hiçbir şeyin başvurmadığı ID'ler silinir; kullanılmayan gradyanlar, desenler ve diğer <defs> öğeleri de atılır. Hâlâ başvurulan ID'ler özgün adlarını korur; kısaltılmazlar.
viewBox korunur, sabit boyutlar korunmaz
Grafiğin doğru ölçeklenmesi için viewBox her zaman korunur. width ve height öznitelikleri kaldırılır; böylece SVG, yerleştirildiği kutuyu doldurur. Sonuç tek satıra yazılır ve öznitelikler tutarlı bir sırada olur; bu da gzip'e yardımcı olur.
Neyi güvenle optimize edebilirsiniz, nerede dikkatli olmalısınız
Tasarım araçlarından dışa aktarılan statik ikonlar, logolar ve çizimler (dönüştürücülerimizle üretilen SVG'ler dahil) güvenle optimize edilebilir ve genellikle en çok kazancı onlar sağlar. Aşağıdaki durumlarda sonucu daha dikkatli kontrol edin.
Dışarıdaki CSS, JavaScript veya sprite'ların kullandığı ID'ler
Optimize edici yalnızca dosyanın kendisini görür. Harici bir stil dosyası, bir betik ya da başka bir sayfadaki <use href="icons.svg#name"> bir ID'yi hedefliyorsa, o ID kullanılmıyor gibi görünür ve silinir. Kendi <style> veya <script> öğesini içeren dosyalar ID'lerini korur.
Animasyonlu SVG'ler
Yol verisini dönüştüren ya da belirli bir grup yapısına dayanan SMIL veya CSS animasyonları, yollar yeniden yazılıp gruplar düzleştirilince bozulabilir. Basit animasyonlar genellikle sorunsuz kalır, ama orijinalin yerine koymadan önce sonucu mutlaka önizleyin.
Erişilebilirlik metni
<title> öğesi kaldırılır. Ekran okuyucunun bir etikete ihtiyacı varsa, SVG'yi yerleştirdiğiniz yerde <img> etiketine alt metni ya da bir aria-label ekleyin.
Kodla gösterip gizlediğiniz katmanlar
display="none" ile ya da sıfır opaklıkla gizlenen öğeler görünmez sayılır ve silinir. Betiğiniz bunları sonradan gösteriyorsa, o katmanların gizlenmediği bir kopyayı optimize edin.
Hâlâ düzenlemek istediğiniz dosyalar
Inkscape katmanları, kılavuzları ve diğer düzenleyici verileri optimizasyondan sonra yok olur. Düzenleme için kaynak dosyanızı saklayın, optimize edilmiş kopyayı yayınlayın.
SVG optimize edici hakkında SSS
Optimizasyon SVG'min görünümünü değiştirir mi?
Neredeyse tüm dosyalarda hayır. Yapılan değişiklikler, çizilmeyen verileri kaldırır ve geri kalanını daha kısa biçimde yeniden yazar. Görünür tek etki, üç ondalık basamağa yuvarlamadan gelebilir; bu, çok küçük bir viewBox'a sahip grafiklerin büyük boyutta görüntülenmesinde fark edilebilir.
SVG dosyam ne kadar küçülür?
Dosyanın nereden geldiğine bağlı. Metadata, yorum ve uzun ondalık sayılar içeren tasarım aracı çıktıları çoğunlukla belirgin biçimde küçülür; zaten küçültülmüş dosyalar ise çok az küçülür. Sonuç sayfası öncesi ve sonrası tam boyutu gösterir.
En büyük dosya boyutu nedir?
10 MB'a kadar SVG dosyası yükleyebilirsiniz. Dosya yüklemek yerine SVG kodunu doğrudan Kod Yapıştır sekmesine de yapıştırabilirsiniz.
width ve height öznitelikleri neden kaldırıldı?
Optimize edici viewBox'ı korur, sabit width ve height değerlerini siler; böylece SVG bulunduğu kapsayıcıya göre ölçeklenir. Sabit bir boyuta ihtiyacınız varsa width ve height değerlerini <img> etiketinde ya da CSS'te belirleyin.
Sprite içinde ya da JavaScript tarafından kullanılan SVG'leri optimize etmek güvenli mi?
Dikkatli olun. Yalnızca dosyanın dışından başvurulan ID'ler silinir, çünkü optimize edici bu başvuruları göremez. Optimize edilmiş dosyayı kullanıldığı yerde test edin ya da bu durumlar için orijinalini saklayın.
Optimize edici erişilebilirlik bilgilerini siliyor mu?
<title> öğesini ve düzenleyicilerin eklediği genel açıklamaları siler. Erişilebilir adı SVG'yi yerleştirdiğiniz yerde, örneğin alt metni ya da bir aria-label ile verin.