SVG Görüntüleyici ve Düzenleyici
SVG dosyalarını çevrimiçi önizleyin, düzenleyin ve optimize edin. Canlı önizleme, kod düzenleme ve optimizasyon araçları.
SVG formatı nedir?
SVG (Ölçeklenebilir Vektör Grafikleri), kalite kaybı olmadan sonsuz ölçeklendirmeye izin veren XML tabanlı bir vektör görüntü formatıdır. Logolar, simgeler ve web grafikleri için yaygın olarak kullanılır.
SVG ile PNG arasındaki fark nedir?
SVG, grafikleri tanımlamak için matematiksel formüller kullanan ve kalite kaybı olmadan sonsuz olarak ölçeklendirilebilen bir vektör formatıdır. PNG, büyütüldüğünde bulanıklaşan piksellerden oluşan bir raster formatıdır. SVG logolar, simgeler ve diyagramlar için idealdir, PNG ise fotoğraflar için daha uygundur.
Hangi dosya formatlarını görüntüleyebilirim?
Bu araç SVG dosyalarını görüntüler. SVG kodunu doğrudan yapıştırabilir veya cihazınızdan .svg dosyası yükleyebilirsiniz.
SVG kodunu doğrudan düzenleyebilir miyim?
Evet, düzenleyici panelinde SVG kaynak kodunu düzenleyebilir ve önizleme panelinde değişiklikleri gerçek zamanlı görebilirsiniz.
Canlı önizleme nasıl çalışır?
Önizleme paneli, kod düzenleyicide yazarken otomatik olarak güncellenir ve SVG'nizin tarayıcılarda tam olarak nasıl oluşturulacağını gösterir.
SVG'mi nasıl optimize ederim?
Optimize et düğmesine tıklayarak gereksiz boşlukları, yorumları, meta verileri ve gereksiz nitelikleri kaldırın, dosya boyutunu küçültün.
SVG renklerini ve stillerini değiştirebilir miyim?
Evet, SVG kodunda doğrudan dolgu renklerini, kontur renklerini, opaklığı ve diğer stil niteliklerini değiştirebilirsiniz.
SVG animasyonu destekliyor mu?
Evet, SVG SMIL (Synchronized Multimedia Integration Language) ve CSS animasyonları aracılığıyla animasyonları destekler. SVG içinde doğrudan hareket, renk değişimleri ve şekil dönüşümleri gibi efektler oluşturabilirsiniz.
Hangi tarayıcılar desteklenir?
Bu araç Chrome, Firefox, Safari ve Edge dahil tüm modern tarayıcılarda çalışır.
SVG sözdizimini nasıl doğrulayabilirim?
Araç, SVG kodunuzdaki sözdizimi hatalarını otomatik olarak vurgular ve sorunları hemen tanımlayıp düzeltmenize yardımcı olur.
SVG'yi kalite kaybı olmadan yeniden boyutlandırabilir miyim?
Evet, SVG, kalite kaybı olmadan veya pikselleşmeden herhangi bir boyuta ölçeklenebilen bir vektör formatıdır.
SVG verilerim bir sunucuya gönderiliyor mu?
Hayır, tüm işleme tarayıcınızda yerel olarak gerçekleşir. SVG içeriğiniz cihazınızdan asla ayrılmaz.
SVG Görüntüleyici ve Düzenleyici Nasıl Kullanılır
SVG Viewer & Editor, kodu yapıştırdığınız veya dosyayı bıraktığınız anda SVG'yi işler ve canlı önizlemeyle işaretlemeyi düzenlemenizi sağlar. Her şey tarayıcınızda yerel olarak gerçekleşir.
- SVG kodunuzu “Paste SVG code here or drag & drop a file...” ipucuyla gösterilen düzenleyiciye yapıştırın veya .svg dosyasını sayfaya sürükleyin.
- Grafik, kodun yanındaki canlı önizlemede anında görüntülenir.
- viewBox, width, height, fill veya yol verileri gibi öznitelikleri doğrudan kodda düzenleyin; yazdıkça önizleme güncellenir.
- Sık karşılaşılan sorunları yerinde düzeltin: eksik xmlns özniteliği veya çizimi kıran bir viewBox gibi.
- Önizleme doğru göründüğünde nihai kodu kopyalayıp alın.
Önizleme boş kalıyorsa kodun <svg ile başladığını ve xmlns ad alanını içerdiğini kontrol edin — eksik xmlns en yaygın nedendir.
İlgili Araçlar
- SVG Optimize Edici SVG dosyalarını tarayıcınızda anında optimize edin ve sıkıştırın. Meta verileri, yorumları ve gereksiz verileri kaldırın, boyutu %60'a kadar küçültün.
- SVG'den PNG Dönüştürücü SVG'yi tarayıcınızda anında PNG, JPEG veya WebP'ye dönüştürün. Ölçek, boyut ve arka plan rengini özelleştirin. Ücretsiz, özel, yükleme yok.
- Chmod Hesaplayıcı Onay kutularıyla Linux dosya izinlerini görselleştirmek ve hesaplamak için ücretsiz çevrimiçi chmod hesaplayıcı. Sayısal (755, 644) ve sembolik gösterim (rwxr-xr-x) arasında anında dönüştürün. setuid, setgid, sticky bit gibi özel izinleri destekler.
- ASCII Tablosu Ondalık, onaltılık, sekizlik, ikili kodlar, HTML varlıkları ve karakter açıklamaları ile eksiksiz ASCII karakter kodlama referansı. Anında arama ve filtreleme.
- HTTP İstek Test Aracı REST API'leri doğrudan tarayıcınızda test edin. Özel başlıklar, gövde ve parametrelerle GET, POST, PUT, DELETE istekleri gönderin. Yanıt durumunu, başlıklarını ve JSON gövdesini anında görün.
- .htaccess oluşturucu Apache .htaccess kuralları oluşturun: yönlendirmeler, yeniden yazmalar, güvenlik başlıkları, önbellekleme ve daha fazlası.
- Robots.txt Oluşturucu Ücretsiz çevrimiçi robots.txt oluşturucu. Arama motoru taramasını kontrol etmek, tarayıcı erişimini yönetmek ve sitenizin SEO'sunu optimize etmek için robots.txt dosyaları oluşturun ve özelleştirin.
- Sitemap Oluşturucu Ücretsiz çevrimiçi XML sitemap oluşturucu. URL ekleyin, öncelik ve sıklık ayarlayın, SEO uyumlu sitemap anında oluşturun.