🖼️ SVG to PNG Converter

Convert SVG files to PNG images at any resolution. Set custom width and height, preserve transparency. Free online SVG to PNG converter — instant, no signup required.

Paste SVG code

or upload .svg file

Scale

Width (px)

Height (px)

Preview

Preview will appear here

How to Use

Upload or paste SVG

Drop your .svg file onto the upload area, or paste raw SVG code into the text area below.

Set the output size

Choose a scale multiplier (1x, 2x, 3x) or enter custom pixel dimensions for the PNG output.

Convert and download

Click Convert to PNG. Preview the rendered image and click Download PNG to save it.

Frequently Asked Questions

What is the difference between SVG and PNG? +

SVG is a vector format — it uses mathematical paths so it scales perfectly at any size with no quality loss. PNG is a raster format made of pixels. SVG is ideal for logos and icons; PNG is needed for apps, social media, and most web contexts that do not support SVG.

Can I choose the output resolution? +

Yes. Use the Scale multiplier to set the output size. 1x uses the SVG's natural dimensions, 2x doubles it (good for Retina displays), and you can type any custom width/height in pixels.

Why does my SVG look different after conversion? +

Some SVG features like external fonts, filters, or linked resources may not render correctly in the browser's SVG renderer. For best results, make sure all fonts are embedded and all resources are inline in the SVG.

Is there a file size limit? +

There is no hard limit, but very large SVGs or very high scale multipliers may use significant browser memory. For SVGs over 1MB, a scale of 1x or 2x is recommended.

Is my SVG file sent to a server? +

No. All conversion happens in your browser using the HTML5 Canvas API. Your SVG file is never uploaded or sent anywhere.

Tam Rehber: SVG'den PNG'ye Dönüştürücü

SVG (Ölçeklenebilir Vektör Grafiği), her boyutta keskin görünen logo, simge ve çizimler için ideal formattır. Ancak e-posta istemcileri, iOS uygulama simgeleri ve eski sistemler gibi birçok durumda raster PNG formatına ihtiyaç duyulur.

PNG'ye Ne Zaman İhtiyaç Duyulur?

E-posta istemcileri: Outlook gibi istemciler SVG render etmez; PNG evrensel desteklenir
Uygulama simgeleri: App Store ve Google Play, belirli piksel boyutlarında PNG simgeler ister
Sosyal medya küçük resimleri: Open Graph görselleri raster format gerektirir
Eski CMS platformları: WordPress, SVG'yi tutarsız görüntüleyebilir

SVG viewport ve viewBox Farkı

Viewport, <svg> öğesindeki width ve height nitelikleriyle tanımlanan dış boyutlardır. viewBox ise iç koordinat sistemini tanımlar: viewBox="0 0 100 100", SVG'nin iç tuvalinin her iki eksende 0'dan 100'e gittiği anlamına gelir. Dönüştürme sırasında viewBox en-boy oranına saygı göstererek görüntünün uzamasını önleyin.

Baskı İçin DPI/PPI Hesabı

Ekran çözünürlüğü genellikle 72 veya 96 DPI'dır. Baskı için minimum 300 DPI gerekir. 2 inç genişliğinde ve 300 DPI'da net bir baskı için 600 piksel genişlikte PNG gerekir.

Canvas ile Rasterleştirme

const img = new Image();
img.onload = () => {
  const canvas = document.createElement('canvas');
  canvas.width = 512;
  canvas.height = 512;
  const ctx = canvas.getContext('2d');
  ctx.drawImage(img, 0, 0, 512, 512);
  canvas.toBlob((blob) => pngIndir(blob), 'image/png');
};
img.src = svgBlobUrl;

Şeffaflığı Koruma

PNG tam alfa kanalı şeffaflığını destekler. Canvas API de bunu korur. Çıktıda şeffaf alanları korumak istiyorsanız çizimden önce ctx.fillRect ile beyaz dolgu yapmayın.

Harici Kaynaklar ve CORS Sorunu

SVG dosyaları <image href="https://..."> gibi harici kaynaklara başvurabilir. Canvas ile rasterleştirirken CORS politikasını ihlal eden harici kaynaklar canvas'ı kirletir ve toBlob() çağrısında SecurityError oluşur. Çözüm, tüm kaynakları Base64 veri URI'si olarak SVG'ye gömmektir.

Tek SVG'den birden fazla simge boyutu oluşturmak için Favicon Oluşturucu aracına, dönüştürme sonrası PNG boyutunu küçültmek için Görsel Sıkıştırıcı'ya bakın.