Nasıl kullanılır?
- SVG kaynağı olarak SVG dosyaları ya da Yapıştırılan SVG kodu seçin. Dosyalar için Dosya seç düğmesine tıklayın ya da kutuya sürükleyin.
- Boyutu ayarlayın: Ölçek, çizimin kendi boyutunu çarpar; Genişlik (piksel) resmi o genişlikte yapar.
- Arka planı seçin. Saydam seçeneği PNG, WebP ve AVIF'te şeffaf alanları korur; bir renk seçerseniz alanları o renk doldurur.
- Çıktı biçimini seçin ve Resimlere çevir düğmesine tıklayın. Birden çok dosyada hepsi tek bir ZIP olarak gelir.
Boyut ve keskinlik
SVG, şekillerden oluşan bir çizimdir; bu yüzden her boyutta keskin kalır. Ölçek, çizimin genişlik ve yükseklik özniteliklerinde tanımlı boyuta uygulanır; bunlar yoksa viewBox'a uygulanır. Dört kat ölçekte resim her yönde dört kat, toplamda on altı kat piksel taşır.
Bağlantılar ve betikler
Çizim, tarayıcının resim öğesiyle gösterilir. SVG içindeki betikler çalışmaz; yazı tipi ya da adresle yerleştirilmiş resim gibi dış dosyalara verilen bağlantılar yüklenmez. Bu yüzden yazılar yedek bir yazı tipiyle çizilebilir. Belirli bir yazı tipine ihtiyacınız varsa yazıyı, SVG'yi üreten programda eğrilere çevirin.
Saydamlık ve biçimler
PNG, WebP ve AVIF saydam alanları korur. JPEG saydamlığı desteklemez; renk seçilmezse arka plan beyaz olur. En uzun kenar 8192 pikselle sınırlıdır; tarayıcının taşıyamayacağı kadar büyük bir resim daha küçük çizilir.
Örnek: 64 × 64 bir simge, dört kat
Genişliği ve yüksekliği 64 olan bir SVG simge, 4 ölçekte 256 × 256 piksel olur. Bunun yerine genişlik olarak 1024 yazarsanız aynı simge 1024 × 1024 piksel olur. Şekiller bu boyutta yeniden çizildiği için keskin kalır.
Sık sorulan sorular
SVG'm bir sunucuya yüklenir mi?
Hayır. Dosya ya da yapıştırdığınız kod tarayıcınızda okunur ve çizilir; PNG, JPEG, WebP ya da AVIF dosyası cihazınızda oluşur. Sayfa açıldıktan sonra internet bağlantınızı kapatıp bir çizimi çevirerek bunu kendiniz görebilirsiniz.
Resimdeki bazı yazı tipleri neden farklı görünüyor?
Çizim, resmin ulaşamadığı bir yazı tipi adı verirse tarayıcı yedek bir yazı tipi kullanır. Web adresinden bağlanan yazı tipleri yüklenmez; yazıyı programda eğrilere çevirmek bu sorunu çözer.
SVG'deki bağlı resimler neden çıkmıyor?
Resim olarak gösterilen bir çizim, güvenlik için başka dosyaları yüklemez; bu yüzden web adresiyle yerleştirilmiş resimler çıkmaz. Resmi SVG'nin içine veri adresi olarak gömün ya da önce başka bir biçime çevirin.
Resmim beklediğimden neden küçük?
Resim, siz ölçek ya da genişlik seçmedikçe çizimin kendi boyutunu alır. Genişlik ve yükseklik yoksa viewBox kullanılır; ikisi de yoksa 512 piksel kare sayılır.
Hangi çıktı biçimini seçmeliyim?
PNG kayıpsızdır ve saydamlığı tutar; simgeler ve logolar için uygundur. JPEG fotoğraflar için daha küçüktür ama saydamlık taşımaz. WebP ve AVIF, tarayıcınız kaydedebiliyorsa daha da küçük dosya verir.
Birden çok SVG dosyasını aynı anda çevirebilir miyim?
Evet. En fazla 30 dosya seçip birlikte çevirebilirsiniz. Her dosya kendi adını yeni uzantıyla korur ve hepsini tek bir ZIP dosyası olarak indirirsiniz.
Kaynaklar
- MDN: HTMLCanvasElement.toBlob(), resmin yazılması
- W3C SVG 2: Scalable Vector Graphics belirtimi
- MDN: SVG viewBox özniteliği
Rakamlar ve metin en son 10 Kasım 2026 Salı tarihinde kontrol edildi.