SVG Goruntuleyici
Ham SVG kodunu yapistirin ve olusan goruntuyu hemen onizleyin.
Onizleme script'leri ve dis referanslari kapatir; buna ragmen viewBox ve boyut ayrintilarini incelemenize izin verir.
SVG onizleme: ham kodu yapistirin ve sonucu aninda kontrol edin
viewBox ve boyut kontrolu: seffafligi ve potansiyel guvensiz icerigi inceleyin
Nasil kullanilir
- SVG kodunu yapistirin veya bir .svg dosyasi yukleyin.
- Rendere etmeyi incelemek icin arka plani ve yakinsama seviyesini degistirin.
- viewBox, boyut ayrintilari ve uyarilari kontrol edin; gerekirse SVG'yi kaydedin.
Ornek
Basit ikon SVG'si
Girdi
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><circle cx="60" cy="60" r="52" fill="#0ea5e9"/><path d="M36 62l16 16 32-40" fill="none" stroke="#fff" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/></svg>
Cikti
Mavi bir dairesel simge oluşturulur ve bilgi panelinde viewBox `0 0 120 120` olarak gösterilir.
SSS
SVG'm bir yere yukleniyor mu?
Hayir. Yapistirilan SVG ve yuklenen dosyalar tarayicinizda kalir ve sunucuya gonderilmez.
script veya foreignObject iceren SVG'lere ne olur?
Guvenli onizleme bu ogeleri render etmeden once kaldirir ve bilgi panelinde uyari gosterir.
Dis resim veya font kullanan SVG'ler ayni sekilde mi gorunur?
Her zaman degil. Dis referanslar devre disi oldugu icin gorunum orijinal ortama gore degisebilir. Bu arac guvenli yerel incelemeyi onceliklendirir.
SVG'm neden gorunmuyor?
Yaygin nedenler gecersiz XML, hatali ozellik degerleri veya svg olmayan kok ogedir. Aracin gosterdiği hata mesajini kontrol edin.
Arka plani neden degistireyim?
Seffaf alanlar ve acik renkli ikonlar arka plana gore cok farkli gorunebilir; bu arac dama, beyaz ve koyu arka planlari hizla denemenizi saglar.
Notlar
- Guvenlik icin, render etmeden once dis URL referanslari ve tehlikeli ogeler devre disi birakilir.
- Dis fontlara veya resimlere bagimli SVG'ler orijinal ortamlarindaki gibi gorunmeyebilir.
- Cok buyuk SVG dosyalari otomatik olarak canli onizleme modundan cikartilir ve sizin manuel render etmenizi ister.