Mermaid'den SVG'ye Dönüştürücü
Mermaid diyagramlarınızı ölçeklenebilir SVG vektör grafikleri olarak dışa aktarın. Web gömme, baskı materyalleri ve duyarlı tasarımlar için mükemmel.
Mermaid'den SVG'ye Dönüştürücü
Mermaid kodunu yazın, ardından SVG indirmek için Export düğmesini kullanın
Example
Mermaid to SVG example
A simple Mermaid flowchart showing how code becomes a live preview and exportable PNG.
Mermaid code
graph TD
A[User opens Mermaid Editor] --> B[Write Mermaid code]
B --> C{Preview looks right?}
C -- Yes --> D[Export PNG]
C -- No --> E[Edit diagram]
E --> BMermaid'i SVG'ye Nasıl Dönüştürürsünüz
Mermaid diyagram kodunuzu editöre yazın veya yapıştırın
Oluşturulan diyagramı gerçek zamanlı olarak önizleyin
Vektör dosyasını kaydetmek için SVG İndir'e tıklayın
Veya HTML'ye doğrudan gömmek için SVG işaretlemesini kopyalayın
Neden SVG Kullanmalısınız?
Sonsuz Ölçeklenebilir
SVG görselleri ne kadar yakınlaştırırsanız yakınlaştırın kalite kaybetmez. Sunumlar ve baskı için mükemmel.
Hafif
SVG dosyaları genellikle PNG eşdeğerlerinden daha küçüktür ve sayfalarınızın daha hızlı yüklenmesini sağlar.
Düzenlenebilir
SVG XML tabanlıdır, bu nedenle CSS veya JavaScript ile renkleri, yazı tiplerini ve stilleri daha fazla düzenleyebilirsiniz.
Erişilebilir
SVG, ekran okuyucuların erişebileceği metin öğelerini destekleyerek erişilebilirliği artırır.
Sık sorulan sorular
SVG ile PNG arasındaki fark nedir?
SVG, kalite kaybı olmadan sonsuz ölçeklenen bir vektör formatıdır, PNG ise sabit çözünürlüklü bir raster formatıdır. Web ve baskı için SVG, sosyal medya ve mesajlaşma için PNG kullanın.
SVG'yi doğrudan HTML'ye gömebilir miyim?
Evet, SVG işaretlemesini kopyalayıp doğrudan HTML'nize yapıştırabilirsiniz. Ayrıca img etiketiyle görsel kaynağı olarak da kullanabilirsiniz.
SVG tüm tarayıcılarda aynı mı görünecek?
Evet, SVG Chrome, Firefox, Safari ve Edge dahil tüm modern tarayıcılarda iyi desteklenmektedir.