Konversi SVG ke PNG
Konverter gratis ini merender logo, ikon, dan grafik SVG menjadi gambar PNG pada ukuran asli SVG, dua atau empat kalinya, atau lebar tertentu, dengan latar transparan tetap dipertahankan. Browser Anda menggambar SVG dan membuat PNG, jadi tidak ada file yang diunggah. Font dan gambar yang ditautkan dari file lain tidak dimuat, dan latar putih tidak ditambahkan.
Ada file yang tidak terkonversi dengan benar? Kirim e-mail ke [email protected], sebaiknya disertai contoh file kecil, dan masalahnya akan diperbaiki.
Fakta singkat
- Masukan: SVG (.svg). Keluaran: PNG (.png).
- File Anda tidak diunggah: prosesnya dilakukan di browser, di perangkat Anda sendiri.
- Ukuran gambar: hingga 16.384 piksel per sisi (sekitar 16 megapiksel di iPhone dan iPad).
- Membutuhkan browser terbaru (Chrome, Edge, Firefox, atau Safari) di komputer, tablet, atau ponsel; tidak ada yang perlu diinstal.
- Gratis digunakan, tanpa pendaftaran.
SVG ke PNG: mengapa perlu dikonversi
SVG adalah kumpulan instruksi menggambar, sehingga bisa dirender tajam pada ukuran berapa pun, tetapi banyak tempat hanya menerima piksel: slide presentasi, pengolah kata, media sosial, toko aplikasi, tanda tangan email, dan sebagian besar formulir unggah. Mengonversi ke PNG berarti memutuskan berapa banyak piksel yang Anda butuhkan, dan itulah satu-satunya pengaturan di sini: ukuran dari SVG itu sendiri, dua atau empat kalinya, atau lebar tertentu. Gambar dirender baru pada ukuran itu, bukan diperbesar dari gambar kecil, sehingga tepinya tetap tajam, dan latar transparan tetap transparan. SVG yang hanya memiliki viewBox tanpa width dan height juga bisa diproses. Browser Anda menggambar SVG dan menulis PNG, jadi file tidak pernah meninggalkan perangkat Anda. Font dan gambar yang ditautkan dari file lain tidak bisa dimuat dalam mode ini, dan daftar memperingatkan Anda bila sebuah SVG memakainya.
Cara mengonversi SVG ke PNG
- Letakkan file .svg Anda ke dalam kotak, atau klik untuk memilihnya.
- Pilih ukuran PNG, 2× secara default, atau masukkan lebar dalam piksel. Daftar menampilkan ukuran PNG yang dihasilkan untuk setiap file.
- Klik Konversi ke PNG lalu unduh PNG-nya, atau zip berisi semuanya.
Apa yang berubah saat Anda mengonversi
Piksel yang penting, bukan DPI
PNG memiliki lebar dan tinggi dalam piksel; nilai DPI hanyalah petunjuk yang tersimpan di file tentang seberapa besar mencetaknya. Yang menentukan ketajaman adalah jumlah piksel. Untuk logo yang dicetak selebar 5 cm pada 300 piksel per inci, Anda butuh sekitar 590 piksel melintang, jadi pilih lebar itu dan jangan mencari pengaturan DPI. Untuk layar, 2× ukuran asli SVG tampak tajam di layar beresolusi tinggi.
SVG tanpa width dan height
Banyak ikon dan grafis hasil ekspor hanya memiliki viewBox, misalnya viewBox="0 0 24 24". Browser kemudian akan memilih 300 × 150 piksel sendiri; konverter ini justru memakai viewBox sebagai ukuran dasar, jadi 24 × 24 pada 1× dan 48 × 48 pada 2×. Ukuran dalam inci, milimeter, atau point dikonversi pada 96 piksel per inci, standar CSS.
Font dan gambar tertaut tidak dimuat
Ketika browser menggambar SVG sebagai gambar, ia tidak mengambil apa pun dari luar file, demi keamanan. Teks yang memakai web font beralih ke font yang terpasang di perangkat Anda, dan gambar yang ditautkan lewat alamat tidak disertakan. Font dan gambar yang disematkan di SVG sebagai data berfungsi. Jika teks harus tampak persis, ubah menjadi outline di program desain Anda sebelum mengekspor.
Latar tetap transparan
Area yang tidak dicat oleh SVG transparan di PNG. Itu yang Anda inginkan untuk logo di atas slide berwarna, tetapi latar putih tidak ditambahkan; sebagian penampil menampilkan transparansi sebagai hitam atau pola kotak-kotak.
Ukuran sangat besar
Canvas di browser dibatasi ukurannya; halaman ini mengizinkan hingga 16.384 piksel per sisi. Ponsel dan tablet mungkin gagal lebih awal, jadi render PNG ukuran poster di komputer.
Tentang format file
SVG
SVG (Scalable Vector Graphics) adalah format XML dari W3C untuk gambar vektor, berstatus rekomendasi sejak 2001. Alih-alih piksel, SVG menyimpan bentuk, path, teks, dan gradien sebagai instruksi, sehingga SVG tetap tajam pada ukuran berapa pun. Logo, ikon, grafik, dan ilustrasi yang diekspor dari Figma, Illustrator, atau Inkscape sering berupa SVG.
- File teks biasa yang bisa dibuka dan diedit di editor teks apa pun.
- Tidak punya ukuran piksel tetap: width, height, dan viewBox hanya menentukan seberapa besar gambar digambar secara default.
- Dapat menautkan font dan gambar dari file atau situs web lain, yang kemudian juga harus tersedia.
- Bisa dibuka di semua browser, tetapi banyak program perkantoran, jejaring sosial, dan formulir unggah hanya menerima PNG atau JPG.
PNG
PNG (Portable Network Graphics) adalah format gambar lossless dari 1996 dan format yang lazim untuk tangkapan layar, logo, diagram, dan gambar dengan transparansi. Setiap piksel disimpan persis apa adanya, sehingga teks dan tepi yang tajam tetap jelas.
- Lossless: menyimpan ulang tidak pernah menurunkan kualitas.
- Mendukung transparansi penuh (kanal alfa).
- Foto yang disimpan sebagai PNG biasanya beberapa kali lebih besar daripada sebagai JPG.
Pertanyaan yang sering diajukan
Apakah file SVG saya diunggah?
Tidak. Browser Anda merender SVG dan membuat PNG di perangkat Anda.
Berapa ukuran PNG yang sebaiknya saya pilih?
Untuk halaman web atau slide, 2× ukuran saat ditampilkan. Untuk cetak, kalikan lebar cetak dalam inci dengan 300. Ikon aplikasi dan favicon biasanya punya ukuran tetap yang tercantum oleh platformnya.
Mengapa teks di PNG saya tampak berbeda?
SVG kemungkinan memakai web font yang ditautkan, bukan disematkan, dan browser beralih ke font lain. Ubah teks menjadi path di Illustrator, Inkscape, atau Figma, atau sematkan fontnya, lalu konversi lagi.
Bisakah saya mendapat latar putih, bukan transparan?
Tidak dengan pengaturan di sini. Tambahkan persegi panjang putih sebagai elemen pertama SVG, atau letakkan PNG di atas warna putih di editor gambar.
Apakah PNG masih berupa grafik vektor?
Tidak. PNG terdiri dari piksel pada ukuran yang Anda pilih. Simpan SVG sebagai file asli dan buat PNG baru setiap kali Anda butuh ukuran lain.