SVG İyileştirici
- Dosyalar cihazınızdan çıkmaz
- Tarayıcıda çalışır
- Ücretsiz, kayıt yok, filigran yok
Drop SVG files here, or click to choose
Kabul edilen: SVG, SVGZ · Ctrl+V / ⌘V ile de yapıştırabilirsiniz
Tip: paste SVG code anywhere on this page with Ctrl+V / ⌘V.
SVG İyileştirici nasıl kullanılır
Tarayıcınızdan ayrılmadan SVG dosyalarını SVGO ile küçültün. Varsayılan, Güvenli veya En yüksek hazır ayarını seçin veya tek tek eklentileri değiştirin, özgünle piksel farkını denetleyin ve sonucu SVG, bir veri URI'si veya bir React bileşeni olarak dışa aktarın.
- 1
Sayfaya SVG veya SVGZ dosyaları bırakın ya da SVG kodu yapıştırın; Örnek bir örnek yükler.
- 2
İyileştirme altında Varsayılan, Güvenli veya En yüksek seçin ve Sayı hassasiyeti, Çok geçiş ve Güzel yazdır'ı ayarlayın.
- 3
İsteğe bağlı: tek tek SVGO eklentilerini açıp kapatmak için Eklentiler gruplarını açın; Sıfırla Varsayılan'a döner.
- 4
Sonucu Yan yana, Kaydırıcı ile veya değişen piksellerin kırmızı göründüğü Farklar altında karşılaştırın.
- 5
SVG, Veri URI'si veya React sekmesini seçin, ardından SVG indir veya .jsx indir'e tıklayın; birkaç dosya için Tümünü indir (ZIP)'i kullanın.
Sık sorulan sorular
SVG'lerim yükleniyor mu?
Hayır. SVGO tarayıcınızdaki bir arka plan işçisinde çalışır, bu yüzden dosyalar cihazınızdan hiç ayrılmaz.
İyileştirmek SVG'min görünümünü değiştirir mi?
Varsayılan hazır ayar aynı görünümü hedefler. Farklar iki sürümü çizer ve değişen piksellerin payını bildirir veya Aynı görünüyor der. Çok düşük bir Sayı hassasiyeti ince ayrıntıları bozabilir.
Animasyonlu veya betikli bir SVG'ye hangi hazır ayar uyar?
Güvenli. Yapıyı, kimlikleri ve şekilleri olduğu gibi bırakır, böylece CSS seçiciler ve betikler öğelerini yine bulur.
En yüksek neden genişlik ve yüksekliği kaldırdı?
En yüksek ayrıca başlıkları, boyutları ve betikleri atar; bu CSS veya img üzerinden kullanılan simgelere uyar ve SVG o zaman kabına ölçeklenir. Boyutu tutmak için Web gömme altında removeDimensions'ın işaretini kaldırın.
Base64 mü yoksa URL kodlu bir veri URI'si mi kullanmalıyım?
Çoğu durumda Base64'ü kapalı bırakın: URL kodlu URI genellikle daha kısadır ve daha iyi gzip'lenir. Yalnızca bir araç Base64 beklediğinde açın.
React dışa aktarımı nasıl çalışır?
React sekmesi iyileştirilmiş SVG'yi dosyanın adıyla bir JSX bileşenine sarar; öznitelikler JSX için yeniden yazılır ve props svg öğesine geçirilir. .jsx indir onu kaydeder.