Metni SVG’ye Çevir

Yazdığın metin, seçtiğin yazı tipinin harf çizimlerinden okunup tek bir SVG <path> öğesine dönüştürülür. Dosyada yazı tipi adı ya da <text> öğesi kalmaz; logo, kesim, baskı ve web için her programda aynı görünen bir vektör elde edersin. Görüntü kutusu çizimin sınırına oturur, istersen kenar boşluğu eklersin.

İçeriğiniz tarayıcınızda işlenir; sunucuya yüklenmez.

Metin

Ayarlar

Yazı tipi

Yazı boyutu96 px

Harf aralığı0 px

Satır aralığı1.2×

Hizalama

Kerning (harf çifti aralığı)

Görünüm

Dolgu rengi

Kontur rengi

Kontur kalınlığı0 px

Kenar boşluğu0 px

Arka plan rengi

Ondalık hassasiyet2 basamak

Dolgu yok (yalnızca kontur)Konturu harflerin arkasına alŞeffaf arka plan

Önizleme

Yazı tipi yükleniyor…

PNG ölçeği

SVG kodu

Harfler seçtiğin yazı tipinden okunup tek bir <path> olarak çizilir; dosyada <text> ya da yazı tipi bağlantısı yoktur, her programda aynı görünür. Görüntü kutusu (viewBox) 0,0’dan başlar ve çizimin sınırına oturur; boşluk istersen kenar boşluğunu artır.

İçeriğiniz tarayıcınızda işlenir; sunucuya yüklenmez.

Nasıl çalışır?

Metni yaz; birden çok satır kullanabilirsin.
Yazı tipini, boyutu, harf ve satır aralığını, hizalamayı seç.
Dolgu ve kontur rengini, kontur kalınlığını, kenar boşluğunu ve arka planı ayarla.
SVG’yi indir ya da kodunu kopyala; gerekirse 1×, 2× veya 4× ölçekte şeffaf PNG indir.

Örnekler

Logo yazısı → yazı tipi gerektirmeyen tek parça path SVG
Vinil kesim veya lazer için “Dolgu yok” seçeneğiyle yalnızca dış hat
Web sitesi başlığı → yazı tipi dosyası yüklemeden aynı görünüm

İpuçları

Kenar boşluğu varsayılan olarak 0’dır; SVG tam harflerin sınırında biter. Kontur eklersen kalınlığın yarısı otomatik olarak hesaba katılır, kontur kesilmez.
Kalın konturlarda “Konturu harflerin arkasına al” seçeneği harflerin iç boşluklarının kapanmasını önler.
Ondalık hassasiyeti düşürmek dosyayı küçültür; büyük boyutlarda 1 basamak çoğu zaman yeterlidir.

Path SVG ile <text> SVG arasındaki fark

<text> kullanan bir SVG yalnızca yazı tipinin adını içerir; dosyayı açan cihazda o yazı tipi yoksa başka bir yazı tipi kullanılır ve görünüm değişir. Bu araç ise harflerin çizimlerini doğrudan yazı tipi dosyasından okur ve koordinatlara çevirir. Sonuç, herhangi bir yazı tipine ihtiyaç duymayan bir çizimdir.

Çıktı tek bir <path> öğesidir; Illustrator, Inkscape, Figma, Cricut Design Space gibi programlarda doğrudan açılabilir, renklendirilebilir ve ölçeklenebilir. Metin artık düzenlenebilir yazı olmadığı için değişiklik gerekirse burada yeniden üretmek en kolayıdır.

Neden 0,0 ve boşluksuz görüntü kutusu?

Çizim, sol üst köşesi tam 0,0 noktasına gelecek şekilde taşınır ve viewBox genişliği ile yüksekliği harflerin gerçek sınırına eşitlenir. Böylece SVG’yi bir tasarıma eklediğinde etrafında görünmez boşluk kalmaz, hizalama ve ölçülendirme doğrudan harflerin kenarına göre yapılır.

Sınır hesaplanırken eğrilerin gerçek uç noktaları kullanılır; kontrol noktaları kutuyu büyütmez. İhtiyacın olursa kenar boşluğu ayarıyla dört yana eşit pay ekleyebilirsin.

Sıkça sorulan sorular

Türkçe karakterler doğru çıkıyor mu?

Evet. Listedeki her yazı tipinde ç, ğ, ı, İ, ö, ş, ü harflerinin büyük ve küçük biçimlerinin bulunduğu tek tek kontrol edildi. Yazı tipinde olmayan bir karakter (ör. emoji) yazarsan araç seni uyarır; o karakter kutu olarak çizilir.

Yazı tiplerini ticari işlerde kullanabilir miyim?

Listedeki yazı tipleri SIL Open Font License (OFL) ile dağıtılıyor. Bu lisans, yazı tipiyle oluşturduğun logo, etiket ve baskı gibi çıktıları ticari işlerde kullanmana izin verir. Yazı tipi dosyasının kendisini satmak ise lisansa aykırıdır.

Metnim sunucuya gönderiliyor mu?

Hayır. Yazı tipi dosyası sitemizden indirilir, dönüştürme tamamen tarayıcında yapılır. Yazdığın metin sunucuya gönderilmez ve kaydedilmez.

Dosyanın gerçek boyutu nedir?

SVG’deki ölçüler pikseldir ve önizlemenin üstünde gösterilir. SVG vektör olduğu için kalite kaybı olmadan istediğin boyuta ölçekleyebilirsin; PNG’de 2× veya 4× ölçek daha keskin sonuç verir.