SVG → </>
SVG görüntüleyici ve kod düzenleyici
Bir SVG dosyasını açın ya da kodunu yapıştırın; nasıl göründüğüne bakın, boyutunu kontrol edin ve canlı önizlemeyle düzenleyin. Her şey tarayıcınızda kalır.
Tarayıcınızda çalışır · dosyalar cihazınızda kalır
SVG viewer ile dosya görüntüleme adımları
- Bir dosya açın ya da kod yapıştırın. Dosya aç düğmesini kullanın, önizlemeye bir SVG bırakın ya da kodu düzenleyiciye yapıştırın.
- Önizlemeyi kontrol edin. Kenarları ve beyaz şekilleri görmek için şeffaf, açık ve koyu arka planlar arasında geçiş yapın.
- Kodu düzenleyin. Önizleme siz yazdıkça güncellenir. Kodu biçimlendir girintileri düzeltir.
- Kopyalayın ya da indirin. Düzenlenen SVG'yi kaydedin ya da kodu kopyalayın.
Online SVG viewer: her arka planda görüntüleme
Birçok SVG simge beyazdır ya da şeffaf alanlar kullanır ve beyaz bir sayfada kaybolur. Arka plan seçici görseli dama deseni, beyaz ve koyu bir yüzey üzerinde gösterir. Beyaz bir logoyu, eksik bir dolguyu ya da taşan bir kenarı böyle fark edersiniz.
Önizlemenin altında tanımlı width ve height, viewBox, öğe sayısı ve dosya boyutu görünür. Boyutla ilgili sorunların çoğunu bu değerler açıklar: width ve height değeri olmayan bir SVG kapsayıcısının boyutunu alır, hatalı bir viewBox ise çizimi kırpar ya da küçültür.
Kod düzenleyicili SVG viewer
Düzenleyici XML'i renklendirir, uzun grupları katlar ve satır numaralarını gösterir. Kodda kapatılmamış bir etiket gibi bir hata olduğunda görüntüleyici boş bir görsel yerine ayrıştırıcı hatasını gösterir; hangi satırı düzelteceğinizi bilirsiniz.
Önizleme bir görsel olarak oluşturulur. SVG içindeki betikler çalışmaz, bu da başkasından aldığınız dosyaları açmayı güvenli kılar.
Hızlı düzeltmeler için ücretsiz online SVG editörü
Tipik düzenlemeler birkaç saniye sürer: bir fill rengini değiştirmek, simgeyi duyarlı yapmak için sabit width ve height değerlerini kaldırmak, gizli bir katmanı silmek ya da erişilebilirlik için bir <title> eklemek. Daha kapsamlı bir temizlik için dosyayı SVG sıkıştırma aracından geçirin.