📐 SVG ke PNG

Konversi file SVG ke PNG, JPG atau WebP.

✨ Lihat yang bisa dilakukan alat ini
Sebelum
Sebelum
🖼️
After — processed

Cara Menggunakan

1

Unggah SVG

Lepaskan file SVG atau tempel kode SVG langsung.

2

Atur Opsi

Pilih format output dan faktor skala untuk output resolusi tinggi.

3

Konversi

SVG dirasterisasi langsung di browser Anda.

4

Unduh

Simpan file PNG, JPG, atau WebP Anda.

Panduan Lengkap

Langkah 1: Unggah atau Tempel SVG

Anda dapat mengunggah file .svg dengan menyeretnya ke zona jatuh, atau beralih ke tab "Tempel Kode SVG" dan tempel markup SVG mentah. Ini berguna saat Anda memiliki kode SVG dari Figma, Sketch, Adobe Illustrator, atau SVG tulisan tangan.

Langkah 2: Pilih Format Output

Pilih format output yang sesuai dengan kebutuhan Anda:

  • PNG: Lossless compression, supports transparency. Best for UI assets, logos, and icons.
  • JPG: Smaller file size, no transparency. Best for photos and complex graphics with many colors.
  • WebP: Modern format with excellent compression. Best for web use.

Langkah 3: Atur Faktor Skala

Faktor skala mengontrol resolusi output:

  • 1x: Same pixel dimensions as the SVG width/height
  • 2x: Double resolution — perfect for retina displays (@2x assets)
  • 3x: Triple resolution — for high-DPI displays
  • 4x: Quadruple resolution — for print-quality output

Karena SVG adalah format vektor, memperbesar tidak menghasilkan kehilangan kualitas. SVG 100×100 pada skala 4x menghasilkan PNG 400×400 yang tajam.

Langkah 4: Unduh

Klik Unduh untuk menyimpan gambar yang dirasterisasi. File dihasilkan sepenuhnya di browser Anda — tanpa pemrosesan server.

Kasus Penggunaan Terbaik

  • UI/UX designers: Export SVG icons to PNG for Android/iOS app assets
  • Web developers: Convert inline SVG to static images for <img> tags or CSS background-image
  • Print designers: Convert SVG logos to high-res PNG (4x scale) for print materials
  • Presentations: Convert SVG charts/graphs to PNG for PowerPoint or Keynote
  • Social media: Convert SVG illustrations to PNG for Instagram/Facebook posts

Tips Profesional

  • For sharp @2x mobile app assets, set Scale Factor to 2x and output as PNG
  • If your SVG has transparency, use PNG format to preserve it
  • For smallest file size with good quality, use WebP format at 2x scale
  • SVG <text> elements may render differently across browsers — convert to PNG to lock in fonts
  • For print, use 4x scale + PNG for maximum quality
  • You can paste SVG code directly — great for quick one-off conversions without saving a file

Pertanyaan Umum

Tidak. Semua konversi terjadi sepenuhnya di browser Anda menggunakan Canvas API. File atau kode SVG Anda tidak pernah meninggalkan perangkat Anda.
Tidak ada batas ukuran file yang ketat. Namun, SVG yang sangat besar (mis., 2000×2000+ piksel pada skala 4x) mungkin membutuhkan waktu lebih lama untuk dirender.
Ini bisa terjadi jika SVG Anda menggunakan sumber daya eksternal (gambar tertaut, font) atau gaya CSS yang tidak disematkan. Untuk hasil terbaik, gunakan kode SVG mandiri.