Bu araç, yalnızca sıkıştırma düğmesine bastığınızda resmi SVGO tarayıcı motorunu yükler. Standart eklenti ön ayarını kullanır ve web'de daha güvenli kullanım için betikleri ve olay işleyicilerini kaldırır. CSS, JavaScript, gradyan, maske veya dış başvurular ID'lere bağlıysa bunları koruyabilirsiniz.
Ücretsiz SVG sıkıştırma
Tümüyle tarayıcınızda çalışır - yükleme yok, üyelik yok.
Betikler ve olay işleyicileri kaldırılır
SVG girişi
Sıkıştırılmış SVG
Ctrl veya Command + Enter
Başlamak için SVG işaretlemesini yapıştırın veya dosya seçin
SVG sıkıştırma ne işe yarar?
SVG sıkıştırma; düzenleyici metadatasını, yorumları, gereksiz nitelikleri ve fazla ondalık basamakları kaldırarak vektör dosyasını küçültür. İşaretlemeyi yapıştırın veya bir dosya seçin, SVGO tarayıcınızda çalışsın. Özgün ve sıkıştırılmış ön izlemeleri karşılaştırdıktan sonra, çalışmanızı yüklemeden daha küçük SVG'yi kopyalayabilir ya da indirebilirsiniz.
Nasıl kullanılır
- 1SVG ekleyin. Eksiksiz SVG işaretlemesini yapıştırın, yerel .svg dosyasını yükleme alanına bırakın veya hazır örneği açın.
- 2Güvenli ayarları seçin. Ondalık hassasiyetini belirleyin, ek küçülme için çok geçişli işlemi açık bırakın ve başka kodlar başvuruyorsa ID'leri koruyun.
- 3Sıkıştırın ve karşılaştırın. SVGO'yu çalıştırın, ardından özgün ve sıkıştırılmış bayt sayılarını ve iki görsel ön izlemeyi inceleyin.
- 4Kopyalayın veya indirin. Kaynak çalışmayı değiştirmeden kısa işaretlemeyi kopyalayın veya yeni .optimized.svg dosyasını indirin.
Kimler için
- Frontend geliştiriciler siteye veya bileşen kitaplığına eklemeden önce simgeleri, logoları ve çizimleri küçültebilir.
- Tasarımcılar Figma, Illustrator, Sketch veya Inkscape çıktılarındaki metadata ve düzenleyiciye özgü işaretlemeyi temizleyebilir.
- Performans ekipleri vektör varlıklarını web paketine almadan önce tam UTF-8 bayt tasarrufunu ölçebilir.
- Bileşen yazarları React, Vue, Svelte veya düz HTML için kısa ve temiz satır içi SVG işaretlemesi hazırlayabilir.
Sık sorulan sorular
Bu SVG sıkıştırma aracı ücretsiz mi?
Evet. Hesap, ödeme veya kurulum olmadan SVG dosyalarını sıkıştırabilirsiniz. Araç tam UTF-8 bayt değişimini gösterir ve sonucu doğrudan tarayıcıdan kopyalamanıza veya indirmenize izin verir.
SVG dosyam sunucuya yükleniyor mu?
Hayır. Dosya okuma, SVGO işlemi, bayt ölçümü ve ön izleme oluşturma tarayıcınızda yerel olarak gerçekleşir. Logolar, simgeler ve yayımlanmamış çalışmalar bu araç tarafından yüklenmez.
Ne büyüklükte bir SVG sıkıştırabilirim?
Araç 5 MB'a kadar SVG kaynağını kabul eder. Bu sınır, telefonlarda ve sıradan dizüstü bilgisayarlarda ayrıştırmanın akıcı kalmasını sağlar. Çok büyük çizimlerde gömülü raster resimleri kaldırmayı veya çalışmayı daha küçük varlıklara bölmeyi deneyin.
SVG sıkıştırma görüntüyü değiştirir mi?
SVGO, gereksiz verileri kaldırırken görüntüyü korumak için tasarlanmıştır. Ancak sayıları fazla yuvarlamak veya ID'leri temizlemek karmaşık dosyaları etkileyebilir. İki ön izlemeyi karşılaştırın ve üretimdeki dosyayı değiştirmeden önce sıkıştırılmış SVG'yi gerçek kullanım ortamında sınayın.
Ondalık hassasiyeti neyi değiştirir?
Ondalık hassasiyeti, SVGO'nun koordinatlarda, dönüşümlerde ve ilgili sayılarda kaç ondalık basamak tutacağını belirler. Düşük değerler çoğu zaman daha fazla alan kazandırır, fakat çok ayrıntılı veya büyük çizimlerde görünür kaymalara yol açabilir. Üç basamak, çoğu web simgesi ve çizimi için uygun başlangıç değeridir.
SVG ID'lerini korumalı mıyım?
CSS, JavaScript, aria nitelikleri, gradyanlar, maskeler, filtreler veya dış belgeler ID'lere başvuruyorsa bunları koruyun. Dış bağımlılığı olmayan dekoratif dosyalarda korumayı kapatarak SVGO'nun kullanılmayan tanımlayıcıları kaldırmasını veya kısaltmasını sağlayabilirsiniz.
Optimizatör SVG betiklerini kaldırır mı?
Evet. İşlem script öğelerini, olay işleyicisi niteliklerini ve JavaScript bağlantılarını kaldırır. Bu, dosyayı sıradan web resmi olarak kullanmak için daha güvenli hâle getirir; ancak betikle çalışması gereken SVG uygulamaları için uygun değildir.
Çok geçişli optimizasyon ne yapar?
Her geçiş dosyayı küçültmeye devam ettiği sürece SVGO çıktıyı yeniden işler. Bazı dönüşümler sonraki geçişte temizlenebilecek yeni alanlar açar ve boyutu biraz daha azaltabilir. Tasarrufun büyük bölümü genellikle ilk geçişte elde edilir.