📐 SVG ke PNG
Konversi file SVG ke PNG, JPG atau WebP.
Cara Menggunakan
Unggah SVG
Lepaskan file SVG atau tempel kode SVG langsung.
Atur Opsi
Pilih format output dan faktor skala untuk output resolusi tinggi.
Konversi
SVG dirasterisasi langsung di browser Anda.
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 CSSbackground-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