SVG Düzeltici: SVG Kodunu Çevrimiçi Biçimlendirin

SVG Kodunu Okunabilirlik İçin Biçimlendirin

Tasarım araçlarından gelen SVG dosyaları genellikle tek okunamaz satırda sıkıştırılır. Bu biçimlendirici, SVG kodunu insan okunabilir hale getirmek için uygun girintileme ve satır sonları ekler. Hata ayıklama, düzenleme ve bir SVG’nin nasıl oluşturulduğunu anlamak için kullanışlıdır. Tüm işleme tarayıcınızda gerçekleşir.

Nasıl Kullanılır

1. Sıkıştırılmış SVG kodunu metin alanına yapıştırın veya bir SVG dosyası yükleyin
2. Araç otomatik olarak Biçimlendir sekmesine geçer
3. SVG kodunu biçimlendirmek için Düzelt’e tıklayın
4. Biçimlendirilmiş çıktı uygun girinti ve yapıyı gösterir
5. Biçimlendirilmiş kodu kopyalayın veya dosyayı indirin

Biçimlendirme İşlemleri

Biçimlendir sekmesi beş işlem sağlar:

• Düzelt: insan okunabilir SVG için girinti ve satır sonları ekler
• Sıkıştır: en küçük çıktı için tüm boşlukları temizler
• CSS İç İçe Al: stil kurallarını e-posta HTML uyumluluğu için satır içi niteliklere taşır
• Mutlak Yollar: bağıl yol komutlarını mutlak koordinatlara dönüştürür
• Meta Verileri Kaldır: editöre özgü nitelikleri ve meta veri öğelerini temizler

Yaygın Kullanım Durumları

SVG hatalarını ayıklama

Bir SVG doğru şekildelanmadığında, biçimlendirilmiş kod yapısal sorunları, yanlış nitelikleri veya sorunlara neden olan iç içe öğeleri bulmayı kolaylaştırır.

SVG’leri elle düzenleme

Düzeltilmiş SVG kodu doğrudan düzenlenecek kadar okunabilir hale gelir. Renkleri değiştirin, yolları ayarlayın, metni değiştirin veya tasarım aracı açmadan öğeleri yeniden yapılandırın.

SVG yapısını öğrenme

Biçimlendirilmiş SVG’ler belge yapısını ortaya koyar ve yolların, gradyanların, filtrelerin ve diğer SVG özelliklerinin birlikte nasıl çalıştığını anlamayı kolaylaştırır.