Convert SVG ke PNG

Cara menghitung

SVG (Scalable Vector Graphics) mendeskripsikan gambar dengan garis, bentuk, dan teks, bukan piksel. Format ini ideal untuk logo dan ikon, tetapi tidak diterima di semua tempat: Word dan PowerPoint versi lama, banyak formulir unggah, tanda tangan email, toko aplikasi, dan media sosial meminta gambar raster. Mengubah SVG ke PNG menyelesaikan masalah ini tanpa kehilangan kualitas dan tetap mempertahankan transparansi.

Cara convert SVG ke PNG

1. Seret file SVG atau tempel kode SVG.
2. Pilih ukuran dan tentukan apakah latar belakang transparan atau berwarna.
3. Unduh PNG-nya.

Contoh: ikon persegi dengan viewBox="0 0 24 24" yang diekspor dengan lebar 512 px menjadi PNG berukuran 512 × 512 piksel – tetap tajam karena grafik vektor digambar ulang pada ukuran tersebut.

Berapa ukuran PNG-nya?

Titik awalnya adalah ukuran yang tersimpan di dalam SVG:

• width dan height pada elemen <svg>: nilai ini yang dipakai. Satuan seperti mm, cm, in, atau pt diubah ke piksel seperti di CSS (1 in = 96 px, 1 cm ≈ 37,8 px, 1 pt = 1⅓ px).
• hanya viewBox (umum pada ikon, misalnya viewBox="0 0 24 24"): lebar dan tinggi viewBox dihitung sebagai piksel.
• satu sisi + viewBox: sisi lainnya dihitung dari rasio aspek viewBox.
• tidak ada keduanya atau nilai persen: bawaan browser 300 × 150 px – masukkan ukuran piksel sendiri.

Faktor skala mengalikan ukuran tersebut (ikon 24 px dengan 4× menjadi 96 × 96 px). Pada mode lebar/tinggi, Anda memasukkan piksel; jika hanya satu nilai, nilai lainnya dihitung dari rasio aspek. Jika keduanya diisi dan „Pertahankan rasio aspek” aktif, grafik dimuat ke dalam kotak tersebut; jika nonaktif, grafik direntangkan tepat ke ukuran itu.

Latar transparan atau berwarna

PNG mendukung transparansi – biarkan latar „Transparan” agar logo tampil rapi di atas latar apa pun. Untuk aplikasi atau platform yang menampilkan area transparan sebagai hitam, pilih warna latar (biasanya putih). Butuh JPG atau file yang lebih kecil? Olah PNG hasilnya dengan alat konversi atau kompresi gambar.

Keamanan: SVG hanya digambar sebagai gambar

File SVG bisa berisi skrip dan tautan ke server eksternal. Karena itu alat ini memuat SVG hanya sebagai gambar (seperti <img> di halaman web). Dalam mode ini browser tidak menjalankan skrip dan tidak mengunduh apa pun. Konsekuensinya: gambar atau font yang ditautkan dari internet tidak akan muncul di PNG. Gambar yang disematkan (URL data:) dan font yang terpasang di perangkat Anda tetap berfungsi.

Privasi

Konversi, termasuk kode SVG yang Anda tempel, berlangsung sepenuhnya di perangkat Anda. Tidak ada yang diunggah atau disimpan.

Pertanyaan umum

Sumber dan dasar hukum

• W3C – Scalable Vector Graphics (SVG) 2: Coordinate Systems, viewBox
• W3C – SVG 2: Processing modes (secure animated mode)
• W3C – CSS Values and Units Level 4: Absolute lengths
• W3C – Portable Network Graphics (PNG) Specification
• MDN – SVG as an image
• MDN – HTMLCanvasElement.toBlob()
• Open-source licenses of the libraries used (MIT, LGPL-3.0)

Diperbarui: 27 September 2026