SVG Viewer & Editor
Paste SVG code and preview it instantly with zoom controls.
Bu araç hakkında
SVG işaretlemesini yapıştırın ve tarayıcı kanvasında nasıl göründüğünü anında görün. SVG, herhangi bir ekran boyutuna mükemmel şekilde ölçeklenen XML tabanlı bir vektör biçimidir.
Arka plan modları (dama, beyaz, siyah) şeffaf alanları ve renk kontrastını değerlendirmenize yardımcı olur.
Nasıl kullanılır
- Editör sekmesine SVG kodu yapıştırın veya girin.
- Oluşturulan sonucu görmek için Önizleme sekmesine geçin.
- Daha kolay inceleme için zoom ve arka planı ayarlayın.
- Hazır olduğunuzda SVG'yi Kopyala veya SVG'yi İndir'e tıklayın.
Kullanım senaryoları
Tasarımcılar Figma veya Illustrator'dan SVG dışa aktarmalarını doğrular. Geliştiriciler satır içi SVG işaretlemesini hata ayıklar. Frontend mühendisleri dama arka planıyla şeffaf alanları doğrular.
Sık sorulan sorular
- SVG kodum bir sunucuya gönderiliyor mu? — Hayır. Önizleme tamamen tarayıcınızda oluşturulur. Hiçbir şey yüklenmez veya saklanmaz.
- SVG'm neden boş görünüyor? — Kök <svg> öğesinin viewBox veya açık width/height'a sahip olduğunu ve dolgu renklerinin arka plandan farklı olduğunu kontrol edin.
- Düzenleyip yeniden indirebilir miyim? — Evet. Editör sekmesinde düzenleyin, Önizleme'de doğrulayın, ardından SVG'yi İndir'e tıklayın.