Geliştirici / SVG inceleme

SVG Görüntüleyici: SVG'yi İnceleyin, Yeniden Boyutlandırın ve Kopyalayın

SVG kodunu yakınlaştırma ve arka plan denetimleriyle yerel olarak görüntüleyin. Boyutları ve renk belirteçlerini inceleyin, genişlik ile yüksekliği düzenleyin, viewBox'u düzeltin ve bir data URI'yi indirin veya kopyalayın.

SVG Görüntüleyici: SVG'yi İnceleyin, Yeniden Boyutlandırın ve Kopyalayın: SVG boyutlarını, viewBox'u, öğe sayılarını, bayt boyutunu ve açıkça belirtilen renk kullanımını okur. Temizleme işleminden sonra yalnızca istenen kök boyutlandırma özniteliklerini düzenler. Eksik bir viewBox, kaynak boyutlarından doldurulabilir; duyarlı mod, viewBox'u korur ve width ile height özniteliklerini kaldırır. Sunucuya hiçbir dosya yüklenmeden tarayıcınızda %100 yerel olarak çalışır.

Kategori
Geliştirici araçları
Çalıştırma sayısı
Tarayıcınızda
Maliyet
Ücretsiz · kayıt gerekmez
Kullanılabilirlik
Kullanıma hazır
SVG görüntüleyici ve yeniden boyutlandırıcıYerel işleme

Tamamen tarayıcınızda çalışır

Bir SVG seçin veya buraya bırakın

SVG görünüm alanı ve viewBox

viewBox dört sayıdan oluşur: minimum x, minimum y, genişlik ve yükseklik. Genişlik ve yükseklik pozitif olmalıdır. Teknik özellik: https://www.w3.org/TR/SVG2/coords.html

Boyutlandırma ve yerel ön izlemeler

Mutlak uzunluklar, inç başına 96 CSS pikseli üzerinden dönüştürülür. Ön izleme yakınlaştırması ve arka plan, dışa aktarılan işaretlemeyi değiştirmez. SVG görsel işleme kuralları: https://www.w3.org/TR/SVG2/conform.html

Nasıl kullanılır?

  1. Temizlenmiş bir önizlemeyi incelemek için bir SVG'yi sürükleyip bırakın veya kodunu yapıştırın.
  2. İsteğe bağlı en-boy oranı kilitlemeyle boyutları belirleyin, viewBox'u ayarlayın veya duyarlı kullanım için boyutları kaldırın.
  3. SVG'yi indirin, kodunu kopyalayın veya kodlanmış bir data URI'yi kopyalayın.

Gizlilik ve sınırlamalar

SVG yerel olarak işlenir ve yalıtılmış bir görsel olarak oluşturulur. Betikler, olay işleyicileri ve harici kaynaklar kaldırılır.

İlgili araçlar

SVG'den PNG'yeSVG TemizleyiciSVG Düzenleyici

Sık sorulan sorular

viewBox'u değiştirmek çizimi değiştirir mi?

Görünen koordinat alanını değiştirir. Yalnızca görüntüleme boyutunu değiştirirken mevcut viewBox'u kullanın; farklı bir viewBox, görünen çizimi kırpabilir veya kaydırabilir.

Boyutlar eksik olduğunda ne olur?

Görüntüleyici önce viewBox boyutlarını, ardından 300 × 150 piksellik yedek değeri kullanır. Mutlak fiziksel uzunluklarda inç başına 96 piksel kullanılır; göreli uzunlukların tam olarak çözümlenmesi için kapsayıcı bir sayfa gerekir.

Duyarlı mod neden width ve height özniteliklerini kaldırıyor?

Bir viewBox koordinat sistemini korurken çevreleyen düzen görüntüleme boyutunu denetler.

Bir data URI'yi kopyalayabilir miyim?

Evet. Data URI, URI kodlaması uygulanmış temizlenmiş SVG çıktısını içerir.

Ücretsiz araç · tarayıcınızda kez çalıştırma · hesap gerekmez