MoreOnlineTools
ESC

Metni SVG'ye Dönüştür

Metinlerinizi özel yazı tipleri, renkler ve ikonlarla ölçeklenebilir SVG vektör grafiklerine dönüştürün

SVG oluşturmak için metin girin

Kullanım Örnekleri

İsim Rözeti

Kişisel markalaşma için Anton yazı tipi ve mavi renkte kalın bir isim rözeti oluştürün.

E-posta İmzası

Profesyonel e-posta imzaları için zarf ikonu ile e-posta adresi oluştürün.

Web Sitesi Etiketi

Site markalaşması için yeşil renkte küre ikonu ile web sitesi URL etiketi oluştürün.

Özellikler

Özel Yazı Tipleri

Boyut, kalınlık ve stil seçenekleriyle birden fazla yazı tipi ailesi arasından seçim yapın

Tam Renk Kontrolü

Şeffaflık desteğiyle metin rengi ve arka plan rengini özelleştirin

Yerleşik İkonlar

SVG'nize e-posta, telefon, konum, web ve daha fazla ikon ekleyin

Çoklu Dışa Aktarma Formatları

SVG, React, React Native, PNG veya Data URI olarak dışa aktarın

Nasıl Kullanılır?

1

Metin Girin

Metninizi giriş alanına yazın veya yapıştırın.

2

Stili Özelleştirin

Yazı tipi, boyut, renk seçin ve isteğe bağlı olarak ikon ekleyin.

3

Önizleme

Canlı SVG önizlemesinin gerçek zamanlı güncellenmesini izleyin.

4

Dışa Aktar

Kodu kopyalayın veya tercih ettiğiniz formatta indirin.

Sık Sorulan Sorular

SVG (Scalable Vector Graphics), grafikleri pikseller yerine matematiksel şekiller olarak tanımlayan XML tabanlı bir formattır. Bir SVG dosyasındaki metin, tarayıcının veya ekranın ihtiyaç duyduğu herhangi bir boyutta işlenir — %400 yakınlaştırma yapıldığında bile hala tamamen keskin görünür. Bir PNG aynı yakınlaştırmada bulanıklaşır veya pikselleşir. Bu durum SVG'yi; farklı ekran boyutlarında ve çözünürlüklerde görünen logolar, rozetler, ikonlar ve e-posta imzası grafikleri için ideal hale getirir.

Araç, işleme anında yüklenen ve sans-serif, serif, monospace ve display stillerini kapsayan popüler Google Fonts seçkisi sunar. Yaygın seçenekler arasında Roboto, Inter, Open Sans, Montserrat, Lato ve Anton, Oswald gibi display yazı tipleri yer alır. Yazı tipleri önizlemede Google Fonts aracılığıyla işlenir ve SVG çıktısına gömülür; böylece doğru yazı tipi, yerel olarak yüklü olmayan sistemlerde bile görünür.

Evet. İkon bölümü; E-posta, Telefon, Konum, Web, Kullanıcı, Yıldız ve Kalp gibi yerleşik ikonlar eklemenize olanak tanır. İkonun metninizin solunda mı yoksa sağında mı yer alacağını seçebilir ve ikon boyutunu bağımsız olarak ayarlayabilirsiniz. İkon ve metin tek bir SVG öğesinde birleştirilir; bu da tasarım aracı olmadan profesyonel iletişim rozetleri veya etiketli grafikler oluşturmayı kolaylaştırır.

SVG (ham XML kodu), React JSX bileşeni (bir React projesine yapıştırmaya hazır), React Native SVG bileşeni, PNG raster görüntüsü (retina çıktısı için yapılandırılabilir ölçek ile) ve Base64 Data URI (HTML img src veya CSS background-image içine doğrudan gömmek için veri olarak kodlanmış SVG). Akışınıza bağlı olarak herhangi bir formatı panoya kopyalayabilir veya dosyayı indirebilirsiniz.

Bir Data URI, SVG'yi base64 dizisi olarak kodlar ve doğrudan bir URL olarak gömer. Harici bir dosyaya atıfta bulunmak (src="logo.svg") yerine, src="data:image/svg+xml;base64,..." kullanırsınız. Bu, bir HTTP isteğini ortadan kaldırır ve harici dosya barındırmanın mümkün olmadığı ortamlarda çalışır — e-posta HTML'leri (bazı istemciler), yerel olarak paylaşılan HTML dosyaları veya CSS background-image değerleri gibi. Dezavantajı ise kodlanmış dizinin ham SVG dosyasından daha büyük olmasıdır.

Evet. İndir PNG düğmesi, SVG'yi yapılandırılan ölçekte bir canvas üzerine çizer ve PNG dosyası olarak indirir. Standart ekranlar için Ölçek 1x, retina/yüksek-DPI ekranlar için ise 2x veya daha yüksekini kullanın. PNG, hedef konum SVG desteklemediğinde yararlıdır — sosyal medya profil resimleri, yalnızca görsel içeren e-posta istemcileri veya yalnızca raster formatlarını kabul eden uygulamalar gibi.

Arka Plan Rengi altındaki "Transparent" (Şeffaf) onay kutusunu işaretleyin. Şeffaflık etkinleştirildiğinde, SVG arka plan özniteliği kaldırılır ve PNG dışa aktarımı şeffaf arka plan kullanır. Bu, etraflarında beyaz bir kutu olmadan farklı renkli arka planların üzerine oturması gereken logolar ve rozetler için temeldir.

Hayır. Tüm SVG oluşturma, işleme ve dışa aktarma işlemi tarayıcınızda gerçekleşir. Yazı tipi dosyaları normal yazı tipi yüklemesinin bir parçası olarak Google Fonts CDN'den alınır ancak gerçek metin içeriğiniz asla cihazınızdan çıkmaz. Herhangi bir arka uç sunucusuna veri gönderilmez ve hiçbir şey kaydedilmez.

Text to SVG Nedir?

Metin yazın, font ve renk seçin, her yerde kullanabileceğiniz ölçeklenebilir bir vektör grafik elde edin. Logo, rozet, e-posta imzası ve her boyutta net görünmesi gereken metinler için biçilmiş kaftan.

Dışa Aktarma Seçenekleri

Ham SVG kodu, React JSX bileşeni, React Native bileşeni, ayarlanabilir ölçekli PNG veya doğrudan HTML/CSS'e gömülebilen Base64 Data URI olarak dışa aktarın.

Kullanım Alanları

Hızlı logo veya wordmark oluşturmak, GitHub README'ler için metin rozetleri, e-posta imza görselleri veya web uygulamaları için metin tabanlı ikonlar.

İpuçları

Doğru görünümü bulmak için farklı font aileleri ve kalınlıkları deneyin. Tam rozet tasarımları için e-posta, telefon gibi yerleşik ikonlar ekleyin.

Gizlilik

Tüm işleme tarayıcınızda gerçekleşir. Metin yüklenmez, font takip edilmez, hiçbir şey kaydedilmez.

Güvenlik ve Gizlilik

Verilerinizin güvenliği bizim önceliğimiz

Yerel İşleme

Tüm işlemler tarayıcınızda gerçekleşir

Veri Transferi Yok

Verileriniz sunucularımıza gönderilmez

Veri Depolama Yok

Hiçbir veri depolanmaz veya paylaşılmaz

SSL Şifreleme

Güvenli bağlantı için SSL şifreleme

İlişkili Araçlar

Epoch Dönüştürücü

Unix zaman damgası ve tarih arası dönüştürme

Metin'den HTML'ye

Düz metni HTML paragraf ve satır sonlarına dönüştürün

ASCII Dönüştürücü

ASCII, Metin, Hex, Binary, Decimal arası dönüştürme

Görsel'den Base64'e

Görselleri sürükle-bırak ile Base64 formatına dönüştürün

HEX-RGB Dönüştürücü

HEX, RGB ve HSL renk formatları arası dönüştürme

JSON'dan CSV'ye

JSON verilerini CSV formatına dönüştürün

MoreOnlineTools'ta Daha Fazlası

Ücretsiz Online Araçlar

Metin, görsel, güvenlik, geliştirici için 109 araç

Tüm Araçlara Göz At →
Geliştirici Kopya Kâğıtları

Regex, Git, HTTP kodları, CSS, Markdown için hızlı referans

Kopya Kâğıtlarına Göz At →
Online Hesap Makineleri

VKİ, kredi, yüzde, bahşiş, yaş ve daha fazla hesap makinesi

Hesap Makinelerine Göz At →
Araç Koleksiyonları

Derlenmiş iş akışları: API geliştirme, görsel boru hattı, güvenlik denetimi ve daha fazlası

Koleksiyonlara Göz At →