Cara mengubah SVG ke PNG
- Pilih atau seret file .svg Anda. Beberapa file sekaligus tidak masalah.
- Pilih ukurannya: 1×, 2×, atau 4× ukuran yang tertulis di SVG, atau lebar pasti dalam piksel.
- Pilih latarnya: transparan (bawaan) atau satu warna.
- Tekan Ubah ke PNG lalu unduh gambarnya. Setiap baris menampilkan ukuran akhir dalam piksel.
Tentukan ukuran sebelum mengubah
SVG adalah kumpulan instruksi gambar — garis, kurva, isian warna, dan teks — sehingga tetap tajam di ukuran berapa pun. PNG adalah kotak-kotak piksel dengan jumlah tetap: jika diperbesar belakangan, gambarnya jadi buram. Karena itu alat ini menggambar SVG langsung pada ukuran yang Anda mau, bukan membuat PNG kecil lalu meregangkannya. File logo kami sendiri, SVG berukuran 259 byte, menjadi PNG 1,7 KB pada 64 × 64 px (1×) dan PNG 8,3 KB pada 256 × 256 px (4×), keduanya tetap tajam.
- Layar: 2× cocok untuk sebagian besar keperluan, karena HP dan laptop menampilkan dua atau tiga piksel perangkat untuk tiap piksel CSS. Pakai 1× hanya jika ukuran piksel sudah ditentukan.
- Media sosial dan slide: pilih lebar pasti — 1.080 px untuk postingan Instagram persegi, 1.920 px untuk memenuhi slide full-HD.
- Cetak: bagi lebar cetak dalam milimeter dengan 25,4 lalu kalikan 300. SVG tidak punya DPI sendiri; jumlah piksel yang menentukan seberapa besar gambar bisa dicetak tajam.
| Lebar cetak | Piksel pada 300 DPI |
|---|---|
| 2 cm — ikon kecil atau stempel | 236 px |
| 5 cm — logo di kop surat | 591 px |
| 9 cm — lebar kartu nama (9 × 5,5 cm) | 1.063 px |
| 21 cm — lebar kertas A4 | 2.480 px |
Cara ukuran asli SVG dibaca
Ukuran 1× diambil dari width dan height yang tertulis di SVG. Satuannya dikonversi seperti cara browser, 96 piksel per inci: width="2in" menjadi 192 px, 72pt menjadi 96 px, 10mm sekitar 38 px. Banyak ikon hasil ekspor Figma, Inkscape, atau paket ikon tidak punya width dan height, hanya viewBox seperti 0 0 24 24; angka itulah yang dipakai, jadi ikon tersebut 24 × 24 pada 1×. Jika hanya satu sisi yang tertulis, sisi lainnya mengikuti proporsi viewBox. SVG tanpa keduanya mendapat ukuran bawaan browser 300 × 150 px — untuk file seperti itu, pilih lebar pasti.
Yang tidak bisa digambar
Browser menggambar SVG yang diubah menjadi gambar dalam mode terkunci, yang melindungi Anda dari file berbahaya tetapi punya batasan:
- File yang ditautkan diabaikan. Gambar, font, atau stylesheet yang dimuat SVG dari alamat web tidak muncul. Yang tertanam di dalam file (data URI) tetap tampil.
- Font web: teks dengan font yang tidak terpasang di perangkat Anda berganti ke font standar. Ubah teks menjadi outline sebelum ekspor — Path › Object to Path di Inkscape, Type › Create Outlines di Illustrator, atau Outline text di pengaturan ekspor SVG Figma.
- Skrip tidak dijalankan dan SVG animasi menjadi satu bingkai diam.
Latar transparan atau berwarna
PNG menjaga transparansi, jadi logo berlatar transparan bisa langsung ditempel di slide atau foto mana pun. Pilih warna solid untuk tempat yang menampilkan transparansi sebagai hitam atau kotak-kotak, seperti sebagian aplikasi chat. Butuh JPG? Ubah PNG-nya dengan PNG ke JPG. Semuanya terjadi di browser Anda; file tidak pernah diunggah.
Pertanyaan yang sering diajukan
Bagaimana mengubah SVG ke PNG resolusi tinggi (HD)?
Pilih 4× atau lebar pasti seperti 2.000 px sebelum mengubah. SVG digambar langsung pada ukuran itu, jadi tepinya tetap tajam — tidak seperti memperbesar PNG kecil belakangan.
Kenapa teks di PNG saya memakai font lain?
SVG memakai font yang tidak terpasang di perangkat Anda atau memuatnya dari web, dan browser memblokir itu saat menggambar SVG sebagai gambar. Ubah teks menjadi outline di program desain Anda lalu ekspor ulang SVG-nya.
Berapa DPI PNG hasilnya?
PNG diukur dalam piksel. Untuk cetak, bagi lebar piksel dengan 300 lalu kalikan 2,54 untuk mendapat lebar cetak tajam dalam sentimeter — 1.200 px tercetak selebar sekitar 10 cm pada 300 DPI.
Apakah PNG tetap berlatar transparan?
Ya, kecuali Anda memilih warna latar. Area transparan pada SVG tetap transparan di PNG.
Apakah SVG saya diunggah?
Tidak. SVG dibaca dan digambar oleh browser Anda sendiri, dan skrip di dalamnya tidak pernah dijalankan.
Terakhir diperbarui: 15 Oktober 2026