SVG düzenleyicisi

SVG içindeki betikleri, olayları ve harici kaynakları temizleyin; boyutu optimize etmek ve farkları raporlamak için SVGO kullanın, güvenli kopyayı önizleyip indirin.

Tarayıcı içinde yerel işlem
Bu sayfa genel dizin kontrolünden geçti; JavaScript etkinleştirildiğinde tüm işlevler kullanılabilir.
Kullanım kılavuzu

SVG düzenleyicisi nasıl kullanılır

SVG metni yalnızca mevcut tarayıcıda temizlenir, optimize edilir ve önizlenir; yüklenmez ve dış kaynaklar için kendiliğinden istek gönderilmez.

  1. Girdi SVG

    İçeriği yapıştırın veya 2 MiB boyutunu aşmayan SVG dosyasını yükleyin ve birden çok optimizasyon turunun uygulanıp uygulanmayacağını seçin.

  2. Güvenli temizleme ve optimizasyon

    Araç önce komut dosyalarını, olayları, harici kaynakları ve tehlikeli öğeleri kaldırır; ardından SVGO ile optimizasyon yapar ve sonrasında güvenli temizlemeyi yeniden gerçekleştirir.

  3. Doğrula ve indir

    Ham veriyi görüntüleyin, temizleyin ve optimize edin; bayt sayısını ve kaldırma istatistiklerini inceleyin, ardından önizlemeyi onaylayıp güvenli kopyayı kopyalayın veya indirin.

Sınırlamalar ve dikkat edilmesi gerekenler

  • Güvenli temizleme; komut dosyalarını, foreignObject, olay özniteliklerini, harici başvuruları ve bazı stilleri etkin olarak siler. Bu içeriklere bağlı SVG görünümü veya etkileşimi değişebilir.
  • Optimizasyon yolları, öznitelikleri, ID ve sayısal hassasiyeti yeniden yazabilir; bu nedenle kaynak yapısının, animasyon bağlantılarının veya düzenleyici meta verilerinin korunması gereken kayıpsız gidiş-dönüş işlemleri için uygun değildir.
  • Tarayıcı önizlemesinin başarılı olması, SVG öğesinin tüm işleyicilerde tutarlı olduğu anlamına gelmez; önemli grafikler için indirilen sonucu görsel olarak karşılaştırın ve hedef ortamda test edin.

Sık sorulan sorular

Optimizasyondan sonra neden tekrar temizlemek gerekiyor?

Bu, son önizlemenin ve indirmenin güvenlik politikasına uygun kalmasını ve hiçbir dönüştürme adımının yasaklı yapıları yeniden içeri sokmamasını sağlamak içindir.

Birden çok optimizasyon turu mutlaka daha küçük bir sonuç mu verir?

Genellikle gereksizliği daha da azaltır, ancak daha uzun sürer ve daha fazla yeniden yazım yapar; raporu ve görsel kontrol sonuçlarını esas alın.

Grafik düğümleri düzenlenebilir mi?

Bu araç kaynak kodu temizleme, optimize etme ve önizleme aracıdır; vektör çizim yazılımlarındaki gibi düğümleri sürükleyerek düzenleme özelliği sunmaz.

Sayfa geri bildirimiBir sorun mu buldunuz veya iyileştirme öneriniz mi var?
Geri bildirim işlevi yalnızca çevrimiçi sürümde kullanılmalıdır

Lütfen çevrimiçi sürümde JavaScript etkinleştirildikten sonra gönderin; geçerli araç veya örneğin yerel işlevleri etkilenmez.

Çevrimiçi sürüme geri bildirim gönder