SVG → PNG

SVG vektör dosyalarını PNG resme çevir

Nasıl çalışır

SVG → PNG — SVG vektör dosyalarını PNG resme çevir. Tüm işlemler tarayıcında yapılır — yükleme yok, üyelik yok, e-posta gerek yok. Sonsuza dek ücretsiz.

Son güncelleme: 2026-05-06

Editör notu

Bu aracı, App Store logomuzun 1024×1024 PNG'sini hazırlarken Inkscape'in CLI renderer'ı SVG'mizdeki radyal gradyanı çirkin bantlara böldüğü gün yapmaya karar verdik. Marka listing sayfasında bozuk göründü, biz bir gün boyunca fark etmedik ve ekran görüntüsü o şekilde ayakta kaldı. O olaydan sonra tüm pipeline'dan nefret ettik — denediğimiz her komut satırı SVG raster aracının, tarayıcıdan farklı yorumladığı en az bir filter primitive'i vardı.

Sonunda kullanıcıların gerçekten gördüğü şeyle eşleşen tek renderer'a karar kıldık: tarayıcının kendi SVG motoru. Burada indirdiğin PNG, bir Chrome kullanıcısının canlı sitenden alacağı ekran görüntüsüyle piksel piksel aynı. Marka asset'leri için tek anlamlı tutarlılık bu; eski tarayıcılar için sunucu tarafı fallback yazmaya bu yüzden uğraşmadık. SVG önizlemede doğru render oluyorsa, izleyicinin yaşadığı her yerde doğru render olacak.

SVG → PNG hakkında

SVG → PNG, ölçeklenebilir vektör grafiklerini istediğin çözünürlükte raster PNG görsele çevirir. SVG web için harikadır çünkü her zoom seviyesinde keskin kalır; ama uygulama mağazaları, sosyal medya araçları, sunum yazılımları ve eski yazıcılar hâlâ sabit boyutlu PNG ister. Bu araç, Illustrator veya Inkscape açmadan o boşluğu kapatmanın en hızlı yolu.

İkona PNG isteyen geliştiriciye dosya hazırlayan tasarımcı, OG görseli üreten pazarlamacı, app store assetleri çıkaran kurucu ve .svg'den şeffaf veya solid arka planlı PNG'ye saniyeler içinde geçmesi gereken herkes için tasarlandı. Boyutu seç, arka planı belirle, indir — hesap, e-posta, kuyruk yok.

Dönüştürme tamamen tarayıcıda native Canvas API ile çalışır, dolayısıyla görselin sunucuya gitmez. Yayımlanmamış marka çalışmaları, NDA altındaki ikonlar veya rastgele araçlara yükleyemediğin müşteri işleri için kritik bir ayrıntı.

SVG → PNG nasıl kullanılır

.svg dosyanı yükleme alanına bırak veya tıklayıp seç — birden çok dosyayı aynı anda kuyruğa atabilirsin.
Genişlik preset'i seç (256, 512, 1024, 2048 px) ya da özel genişlik gir; yükseklik SVG'nin en-boy oranından otomatik hesaplanır.
PNG'nin kullanılacağı yere göre Şeffaf, Beyaz veya özel hex arka plan rengini belirle.
Önizlemeden font, gradyan ve stroke kalınlıklarının istediğin gibi çıktığını doğrula.
İndir'e tıklayıp PNG'yi kaydet. Birden çok çözünürlüklü ikon seti gerekiyorsa farklı genişliklerle tekrar et.

Yaygın kullanım senaryoları

Basın kiti ve partner sayfaları için marka logosunu 1024 px ve 2048 px olarak dışa aktarmak.
Blog yazısı yayımlamadan önce SVG illüstrasyondan Open Graph ve Twitter card görseli üretmek.
PNG isteyen yüksek çözünürlüklü app store ekran görüntüsü ve pazarlama assetleri hazırlamak.
SVG kabul etmeyen araçlar (PowerPoint, eski e-posta istemcileri, bazı Notion blokları) için ikon kütüphanesini PNG'ye çevirmek.
Tek bir kaynak SVG'den retina-uyumlu @1x/@2x/@3x PNG seti üretmek.

İpuçları ve dikkat edilmesi gerekenler

SVG dış fontu @import ile çekiyorsa render edilen PNG sistem fontuna düşebilir. Tipografiyi sabitlemek için tasarım aracında metni outline'a çevirip SVG'yi öyle dışa aktar.
Koyu UI üzerinde duracak ikonlar için Şeffaf arka plan; Word veya PDF içine girecek PNG'ler için Beyaz seç.
Retina ekranlar için her zaman görüntülenecek boyutun en az 2 katında dışa aktar — 256 CSS piksel olarak gösterilecek bir ikon 512 px PNG ile çok daha keskin görünür.
Renkler hafif sapmışsa SVG, tarayıcının tanımadığı bir renk profili kullanıyor olabilir. SVG'yi sRGB ile yeniden dışa aktarınca renkler her görüntüleyicide tutarlı çıkar.

Sıkça sorulan sorular

Çıktı çözünürlüğü ne?

Ya SVG'nin doğal boyutu ya da belirlediğin özel genişlik (yükseklik otomatik hesaplanır). Yaygın preset'ler 256, 512, 1024, 2048 px.

Şeffaflığı koruyabilir miyim?

Evet. Arka plan olarak 'Şeffaf' seç. SVG şeffaf bölgeler içeriyor ve bunları solid yapmak istiyorsan 'Beyaz' veya özel renk seç.

SVG'm neden 800×600 olarak render ediliyor?

SVG'den doğal boyutu belirleyemedik (width/height/viewBox yok). 'Özel genişlik' seçeneğiyle açıkça ayarla.

Birden fazla SVG'yi tek seferde dönüştürebilir miyim?

Evet — birkaç dosyayı aynı anda bırak veya seç. Her biri kuyrukta render edilir ve kendi indirme butonu olur, böylece tek tek veya peş peşe alabilirsin.

Gradyan, mask ve filtreler dönüşümden sağ çıkar mı?

Çoğu çıkar. Tarayıcının SVG render motoru linear/radial gradyanları, clip path'leri ve standart CSS filtrelerini sorunsuz işler. Çok ileri filter primitive'leri (karmaşık feTurbulence/feComposite zincirleri) bazen biraz farklı görünür — indirmeden önce önizlemeyi kontrol et.

PNG'm neden bu kadar büyük çıkıyor?

PNG kayıpsızdır ve her pikseli depolar; fotografik gradyanlı 4096 px bir export rahatlıkla 5 MB'ı geçer. Boyut kaliteden önemliyse sonucu Resim Sıkıştır'dan geçir veya Resim Format Çevir ile WebP'ye dönüştür.