SVG ke PNG
Konverter

Cara mengonversi SVG ke PNG

1. Klik Pilih foto atau letakkan file .svg di halaman.
2. Setiap SVG langsung digambar dan disimpan sebagai PNG pada skala 2×.
3. Pilih Skala lain di panel pengaturan sebelah kanan jika Anda membutuhkan gambar yang lebih kecil atau lebih besar, lalu klik Terapkan ke semua file.
4. Simpan setiap PNG, atau Unduh semua (.zip).

Cara ukuran hasil ditentukan

Ukuran awal diambil dari SVG itu sendiri. Jika elemen svg akar memiliki lebar dan tinggi, itulah yang dipakai, dengan satuan seperti mm, cm, in, dan pt dikonversi pada standar 96 piksel per inci. Jika hanya viewBox yang diatur, lebar dan tingginya yang dipakai. Jika file tidak memiliki keduanya, browser menganggapnya berukuran 300 kali 150 piksel, dan alat ini pun begitu.

Ukuran itu kemudian dikalikan dengan pengaturan Skala. Ikon 24 kali 24 pada 4× menjadi PNG 96 kali 96. Agar tetap dalam batas yang bisa digambar semua browser, hasilnya dibatasi hingga 8192 piksel per sisi dan sekitar 16 megapiksel secara keseluruhan, dan skala dikurangi otomatis jika sebuah gambar akan melampaui batas itu.

Fungsi pengaturan Skala

• 1×. PNG memiliki ukuran piksel yang sama dengan SVG. Cocok jika SVG dirancang pada ukuran tampilan yang tepat.
• 2× (tajam). Bawaan. Ukuran dua kali lipat, yang tampak tajam di layar ponsel dan laptop berkepadatan tinggi.
• 4× (cetak). Ukuran empat kali lipat, untuk cetak, slide, atau di mana pun Anda membutuhkan bitmap besar.

Font, gambar, dan hal lain yang perlu diperiksa

SVG digambar seperti cara browser menggambar SVG yang dipakai sebagai gambar. Dalam mode itu browser tidak memuat apa pun dari luar file: gambar tertaut, font web, dan stylesheet eksternal diabaikan, dan skrip tidak dijalankan. Gambar yang disematkan di dalam file sebagai data URL tetap berfungsi.

Teks digambar dengan font yang terpasang di perangkat Anda. Jika SVG memakai font yang tidak Anda miliki, font cadangan akan dipakai dan teks bisa terlihat berbeda atau bergeser. Solusi yang paling andal adalah mengubah teks menjadi outline (path) di editor vektor Anda sebelum mengekspor SVG.

Animasi tidak ditangkap; Anda mendapatkan satu gambar diam. Area transparan tetap transparan di PNG.

Masalah umum dan solusinya

• “SVG ini tidak bisa dibaca.” File bukan XML yang valid, atau bukan SVG. Buka di editor teks dan pastikan file diawali dengan elemen svg. SVG yang disalin dari halaman web sering tidak memiliki deklarasi namespace; alat ini menambahkannya untuk Anda.
• PNG kosong atau ada bagian yang hilang. Gambar tersebut kemungkinan bergantung pada gambar atau stylesheet eksternal. Sematkan keduanya ke dalam SVG atau ratakan karya seni di editor Anda.
• Ukuran PNG salah. Lebar dan tinggi di SVG diatur berbeda dari yang Anda perkirakan, atau berupa persentase. Ubah nilainya di file, atau andalkan pengaturan Skala.
• Hasilnya lebih kecil dari 4×. Gambar mencapai batas ukuran yang dijelaskan di atas.

SVG atau PNG?

Pertahankan SVG untuk logo, ikon, dan ilustrasi di situs web: tetap tajam pada ukuran berapa pun dan sering kali sangat kecil. Gunakan PNG saat program, jejaring sosial, aplikasi email, atau editor dokumen tidak menerima SVG, atau saat Anda membutuhkan gambar berukuran tetap untuk toko aplikasi atau favicon. Jika Anda perlu melakukan sebaliknya, PNG ke SVG menelusuri bitmap menjadi bentuk vektor.