Ücretsiz SVG optimize edici

Bu SVG optimize edici tek bir SVG dosyasını küçültür; editör verilerini, yorumları ve meta verileri temizler. Altı temizlik seçeneğini açıp kapatın, iki sürümü karşılaştırın, ardından indirin. Dosyanız cihazınızdan asla çıkmaz.

SVG dosyanızı buraya bırakın

veya göz atmak için tıklayın. Her seferinde bir SVG dosyası

Görselleri seçin

SVG optimize edicinin kaldırdıkları ve koruduklarĻ

Editör verileri, yorumlar, meta veriler ve gizli şekiller kaldırılır. viewBox, title ve renkler kalır; yol koordinatları da asla yuvarlanmaz.

SVG'yi küçültün ve editör verilerini temizleyin

Optimize edici; Inkscape, Illustrator ve Sketch editör verilerini, meta veri bloğunu, yorumları, XML üst bilgisini ve fazla boşlukları kaldırır. İstatistik çubuğu orijinal boyutu, yeni boyutu ve kazanılan yüzdeyi gösterir.

Inkscape, Illustrator ve Sketch verileri kaldırılır
Orijinal boyut, yeni boyut ve kazanılan yüzde
Dosya adınızın sonuna .min.svg eklenerek kaydedilir

Hemen deneyin

Altı temizleme anahtarının tümü açık olan SVG optimize edici ayarları ve aynı logonun orijinal ile optimize edilmiş önizlemeleri yan yana

Hangi SVG temizliklerinin çalışacağını seçin

Temizliği altı anahtar kontrol eder: Meta verileri kaldır, Yorumları kaldır, Grupları sadeleştir, ID'leri temizle, Gizli öğeleri kaldır ve Yolları birleştir. Hepsi açık başlar ve bir anahtarı her değiştirdiğinizde SVG yeniden optimize edilir.

Altı anahtar, hepsi varsayılan olarak açık
Sonuç her anahtar değişikliğinde güncellenir
ID'lerinizi korumak için ID'leri temizle seçeneğini kapatın

Hemen deneyin

Yan yana görsel önizleme

Orijinal ve optimize edilmiş SVG'ler dama tahtası zemin üzerinde yan yana durur. İndirmeden önce eksik bir şekli veya kaybolmuş bir gradyanı fark etmek için karşılaştırın.

Orijinal ve optimize edilmiş kod

Her iki dosyayı kod olarak yan yana okumak için Kod farkını göster seçeneğine tıklayın. Değişiklikleri vurgulamak yerine her birinin tam metnini gösterir; optimize edilmiş sürüm tek satırda yer alır.

SVGO 4 üzerine kurulu

Sayfa, SVGO'yu çok geçişli modda çalıştırır; dosya küçülmeye devam ettiği sürece temizliği tekrarlar. Yol koordinatlarını asla yuvarlamaz ve renkleri yeniden yazmaz, böylece şekiller birebir aynı kalır.

SVG dosyanız cihazınızda kalır

Dosyanız bu tarayıcı sekmesinde optimize edilir ve doğrudan buradan indirilir. Hangi anahtarların açık olduğu ve dosya boyutu aralığı gibi anonim kullanım istatistikleri gönderilir; SVG kodunuz gönderilmez.

3 adımda SVG nasıl optimize edilir

SVG dosyanızı ekleyin.

Sayfaya bir .svg dosyası bırakın veya göz atmak için tıklayın. Düzenleyici açılır ve dosyayı altı seçeneğin tamamı açıkken hemen optimize eder.

Sonucu kontrol edin.

İki önizlemeyi ve kazanılan boyutu karşılaştırın. Bir şey yanlış görünüyorsa bir seçeneği kapatın; dosya yeniden optimize edilir.

SVG dosyasını indirin.

Optimize edilmiş dosyayı kaydetmek için İndir'e tıklayın. Dosya adınız sonuna .min.svg eklenerek korunur; yani logo.svg, logo.min.svg olur.

SVG optimize ediciyi kimler kullanıyor

Web'de SVG yayınlayan ve yükleme performansına önem veren geliştiriciler ve tasarımcılar.

Daha hızlı web sayfaları

Daha küçük SVG logolar ve simgeler, tarayıcının yüklemesi gereken kodun azalması demektir. SVG dosyalarını bir siteye veya uygulamaya eklemeden önce optimize edin.

Bir tasarım uygulamasından dışa aktarılan ana logoyu küçültün
Dışa aktarılan SVG'yi HTML'e satır içi eklemeden önce temizleyin
Yayından önce simgelerdeki yorumları ve meta verileri temizleyin

Tasarım uygulaması dışa aktarımları

Inkscape, Illustrator ve Sketch her dosyada katman adlarını, editör ayarlarını ve meta verileri saklar. Dosyayı bir tasarım sistemine veya kod deposuna eklemeden önce bunları kaldırın.

Inkscape katman adlarını ve sodipodi ayarlarını temizleyin
Kaydedilmiş SVG dosyalarındaki Illustrator veri bloklarını kaldırın
Bir logoyu geliştiricilere vermeden önce temizleyin

Grafikler ve diyagramlar

SVG olarak kaydedilen grafikler ve diyagramlar çoğunlukla boş gruplar, gizli katmanlar ve uzun ID'ler taşır. Dosyanın depolanması, paylaşılması ve bir sayfaya gömülmesi daha hafif olsun diye bunları temizleyin.

Dışa aktarılan bir grafikteki boş grupları kaldırın
Düzenlemeden kalan gizli katmanları çıkarın
Bir diyagram dosyasındaki uzun ID'leri kısaltın

Sıkça sorulan sorular

SVG dosyalarını çevrimiçi optimize etmekle ilgili sık sorulan sorular.

Bir SVG dosyasının boyutunu nasıl küçültürüm?

SVG dosyasını bu sayfaya bırakın; optimize edici editör verilerini, meta verileri, yorumları, gizli şekilleri ve fazla boşlukları kaldırır. Önizlemeyi ve istatistik çubuğundaki kazanılan boyutu kontrol edin, ardından daha küçük dosyayı almak için İndir'e tıklayın.

SVG dosyam ne kadar küçülür?

Örnek dosyalarımızda, dosyanın nereden geldiğine bağlı olarak yaklaşık %1 ile %80 arasında. Editör verileriyle dolu Inkscape tarzı bir logo %80 küçülürken, temiz bir 24 px simge %1 küçüldü. Bir SVG'nin içine gömülü fotoğraflar hiç küçülmez.

SVG'yi optimize etmek görünümünü değiştirir mi?

Genellikle hayır. Şekiller, renkler ve yol koordinatları olduğu gibi korunur. Risk, Gizli öğeleri kaldır seçeneğinde: saydamlığı sıfır veya display none olarak ayarlanmış şekilleri, CSS ya da bir betik daha sonra gösterecek olsa bile siler. İndirmeden önce iki önizlemeyi karşılaştırın.

Optimizasyondan sonra CSS veya JavaScript'im neden çalışmayı bıraktı?

Büyük olasılıkla neden ID'leri temizle seçeneğidir. Kullanılmayan ID'leri siler, kalanları a ve b gibi kısa adlarla yeniden adlandırır; böylece SVG dışındaki ve bir ID arayan CSS veya betikler artık eşleşmez. SVG'nin kendi style veya script etiketi varsa ID'leri temizle, ID'lere dokunmaz. Bunları korumak için ID'leri temizle seçeneğini kapatın.

Altı optimizasyon ayarı ne işe yarar?

Meta verileri kaldır, meta veri bloğunu siler. Yorumları kaldır, koddaki yorumları siler. Grupları sadeleştir, hiçbir işe yaramayan grupları açar. ID'leri temizle, ID'leri kısaltır veya kaldırır. Gizli öğeleri kaldır, görünmez şekilleri ve kullanılmayan tanımları çıkarır. Yolları birleştir, aynı stili paylaşan komşu yolları birleştirir.

Optimize edici viewBox ve title öğesini koruyor mu?

Evet. viewBox, width, height, title ve desc etiketleri her zaman korunur; böylece SVG ölçeklenmeye devam eder ve metin etiketini taşır. Tek bir istisna var: ID'leri temizle, bir title öğesinin ID'sini kaldırır ve bu da ona giden aria-labelledby bağlantısını bozar. Bu tür dosyalarda ID'leri temizle seçeneğini kapatın.

SVG optimize edici sayıları yuvarlıyor mu veya yol verilerini kısaltıyor mu?

Hayır. Yol koordinatları yuvarlanmaz, bu yüzden önemli hiçbir basamak kesilmez ve renkler yeniden yazılmaz. Yolları birleştir, iki yolu birleştirirken yol kodunu yeniden yazar; bu nedenle 10.000000 değeri 10 olabilir, ancak değer aynı kalır. Uzun ondalık sayılar içeren dosyalar bu yüzden burada daha az küçülür.

Optimize edici SVG dosyam için neden hata gösteriyor?

Dosya geçerli bir SVG kodu değil. Optimize edici dosyayı metin olarak okur ve kapatılmamış bir etiket gibi bozuk işaretlemede durur; hata mesajı satırı ve sütunu belirtir. O noktayı bir metin düzenleyicide düzeltin ve dosyayı yeniden ekleyin.

Değiştirilen kodu görebilir miyim?

Evet. Önizlemelerin altındaki Kod farkını göster seçeneğine tıklayarak orijinal ve optimize edilmiş kodu yan yana açabilirsiniz. Her değişikliği vurgulamak yerine iki dosyanın tamamını gösterir ve optimize edilmiş kod tek uzun bir satıra küçültülmüştür.

SVGZ dosyalarını optimize edebilir veya SVG kodu yapıştırabilir miyim?

Hayır. Araç her seferinde bir .svg dosyası alır ve kod yapıştırmak için bir alan yoktur. İki dosya bıraktığınızda, yanlış dosya türüyle aynı hata görünür. Sıkıştırılmış .svgz dosyaları kabul edilmez; önce bunları düz bir .svg dosyasına açın. Çok sayıda dosyayı tek seferde temizlemek için Toplu SVG Optimize Edici'yi kullanın.

Bu SVG optimize edici SVGO ile aynı mı?

Tarayıcınızda SVGO 4 çalıştırır; varsayılan ön ayar yerine sabit bir 13 eklenti seti kullanır. Bunlardan altısı düzenleyicideki anahtarlardır. Diğer yedisi her zaman çalışır ve editör verilerini, XML üst bilgisini, doctype'ı ve boş etiketleri kaldırır.

SVG dosyamı optimize ederken bir yere gönderiliyor mu?

Hayır. SVG dosyanız bu tarayıcı sekmesinde okunur ve optimize edilir, sonuç doğrudan indirilenlerinize kaydedilir. Sayfa, hangi anahtarların açık olduğu ve yaklaşık dosya boyutu gibi anonim kullanım istatistikleri gönderir, ancak SVG kodunu veya adını asla göndermez.