SVG ke PNG: Konversi Gambar Vektor untuk Aplikasi dan Web
Dapatkan ukuran piksel dan latar belakang yang tepat setiap kali Anda mengekspor SVG sebagai PNG
Konversi SVG ke PNGFile SVG terlihat sempurna di ukuran apa pun. File ini adalah grafis vektor, yang berarti dibangun dari jalur matematis alih-alih piksel, sehingga bisa diskalakan tanpa batas tanpa kehilangan ketajaman. Namun saat Anda perlu mengunggah gambar ke platform yang tidak menerima SVG, menambahkan grafis ke email, atau menggunakan ikon di aplikasi mobile, Anda memerlukan format raster. PNG adalah pilihan terbaik untuk konversi ini karena mempertahankan transparansi, mendukung kualitas lossless, dan merender tepi tajam yang membuat grafis SVG terlihat jernih.
Tantangan dalam mengonversi SVG ke PNG adalah Anda harus memilih ukuran piksel. Vektor tidak memiliki resolusi bawaan, jadi dimensi yang Anda pilih menentukan seberapa besar dan detail PNG yang dihasilkan. Pilih terlalu kecil dan grafis Anda terlihat buram. Pilih terlalu besar dan Anda mendapatkan file yang tidak perlu berat. Mendapatkan ukuran yang tepat, beserta pengaturan latar belakang yang benar, adalah kunci ekspor SVG-ke-PNG yang bersih.
pic2PNG membuat proses ini cepat dan mudah. Unggah SVG Anda, pilih dimensi output, dan unduh PNG yang sempurna dalam hitungan detik. Konverter menangani transparansi, mendukung alur kerja batch, dan menjalankan konversi di browser Anda sehingga file Anda tetap privat. Untuk mempelajari lebih lanjut tentang apa yang membuat PNG menjadi format output yang hebat, lihat panduan lengkap kami tentang format PNG.
Cara Mengonversi SVG ke PNG
Mengonversi file SVG ke PNG dengan pic2PNG hanya membutuhkan beberapa langkah. Ikuti panduan ini untuk mendapatkan PNG yang bersih dan berukuran tepat dari grafis SVG apa pun.
Langkah 1: Buka pic2PNG
Buka pic2png.com di browser modern mana pun. Konverter berfungsi di desktop, tablet, dan mobile. Tidak ada yang perlu diinstal dan tidak perlu membuat akun. Alat ini siap begitu halaman dimuat.
Langkah 2: Unggah File SVG Anda
Seret dan lepas file SVG Anda ke area konverter, atau klik zona unggah untuk menelusuri dan memilih file dari perangkat Anda. pic2PNG menerima file SVG hingga 10 MB. File dimuat secara instan dan pratinjau muncul agar Anda dapat memastikan gambar yang benar.
Langkah 3: Atur Ukuran Output
Ini adalah langkah terpenting saat bekerja dengan SVG. Karena sumbernya adalah vektor tanpa jumlah piksel tetap, Anda perlu memberi tahu konverter dimensi PNG yang dihasilkan. Gunakan kontrol resize untuk menentukan lebar, tinggi, atau keduanya. Anda dapat mengubah ukuran berdasarkan nilai piksel yang tepat, persentase, atau memilih preset ukuran layar umum. Jika Anda hanya mengatur satu dimensi, konverter menghitung yang lain secara otomatis untuk mempertahankan rasio aspek.
Langkah 4: Pilih Latar Belakang
Jika SVG Anda memiliki latar belakang transparan, putuskan apakah Anda ingin mempertahankannya transparan di PNG atau mengisinya dengan warna solid. PNG sepenuhnya mendukung transparansi alfa, jadi ekspor default mempertahankan area transparan apa pun. Jika Anda memerlukan latar belakang putih atau berwarna, gunakan alat transparansi sebelum mengonversi.
Langkah 5: Konversi dan Unduh
Klik tombol konversi. PNG Anda dihasilkan secara instan di browser. Unduh file secara langsung, atau jika Anda mengonversi beberapa SVG, unduh semuanya sebagai arsip ZIP.
Memilih Ukuran Output yang Tepat
Karena SVG tidak memiliki dimensi piksel bawaan, Anda memiliki kebebasan penuh untuk memilih ukuran PNG. Pilihan yang tepat tergantung pada di mana gambar akan digunakan. Mengekspor pada dimensi yang benar sejak awal berarti Anda menghindari upscaling buram atau file membengkak di kemudian hari.
| Kasus Penggunaan | Ukuran yang Disarankan | Catatan |
|---|---|---|
| Favicon | 32x32, 48x48 | Ikon kecil yang dioptimalkan piksel bekerja paling baik |
| Ikon aplikasi (iOS/Android) | 512x512, 1024x1024 | Toko aplikasi memerlukan ukuran tertentu |
| Ikon web / elemen UI | 64x64, 128x128 | Sesuaikan dengan grid design system Anda |
| Grafis media sosial | 1200x630 | Dimensi yang direkomendasikan Open Graph |
| Logo untuk dokumen | 300x100 hingga 600x200 | Lebar lebih penting daripada tinggi untuk logo |
| Ilustrasi hero | 1920x1080 | Full HD untuk tampilan tajam di layar besar |
| Cetak (300 DPI) | 2400x3000+ | Kalikan inci dengan 300 untuk resolusi cetak |
pic2PNG menawarkan beberapa mode resize untuk mempermudah ini. Anda dapat memasukkan lebar dan tinggi yang tepat dalam piksel, mengubah ukuran berdasarkan persentase dari ukuran rendering default SVG, atau memilih preset resolusi layar umum. Ada juga tombol upscale yang mengontrol apakah konverter diizinkan untuk menskalakan output lebih besar dari ukuran rendering default SVG.
Latar Belakang dan Transparansi
Sebagian besar SVG yang digunakan untuk logo, ikon, dan grafis UI memiliki latar belakang transparan. Saat Anda mengonversi ke PNG, transparansi ini dipertahankan secara default karena PNG mendukung saluran alfa penuh dengan 256 tingkat transparansi per piksel. Ini berarti logo Anda akan mengambang bersih di latar belakang apa pun, bayangan akan memudar secara alami, dan overlay semi-transparan akan dirender persis seperti yang dirancang.
Namun, ada situasi di mana Anda memerlukan latar belakang solid. Beberapa platform, klien email, dan editor dokumen menampilkan PNG transparan pada kanvas putih atau gelap yang bertabrakan dengan gambar Anda. Dalam kasus tersebut, Anda dapat menggunakan alat transparansi pic2PNG untuk mengisi latar belakang dengan putih atau warna lain sebelum mengekspor. Ini memberi Anda kontrol penuh atas bagaimana PNG akhir muncul dalam konteks tujuannya.
Jika SVG Anda menyertakan area yang seharusnya transparan tetapi saat ini diisi dengan warna solid, fitur buat warna transparan pic2PNG memungkinkan Anda memilih warna tersebut dan mengonversinya menjadi transparansi selama ekspor. Ini sangat berguna untuk SVG yang awalnya dirancang dengan latar belakang putih bawaan dan perlu ditempatkan pada permukaan berwarna atau berpola.
Untuk pandangan mendalam tentang cara kerja transparansi PNG dan kendala umum, lihat panduan pemecahan masalah konversi PNG kami.
Menjaga Output PNG Anda Tetap Kecil
File PNG bisa menjadi besar, terutama pada resolusi tinggi. PNG 1920x1080 dengan banyak detail warna dapat dengan mudah melebihi 2 MB. Jika Anda menyiapkan gambar untuk web, ukuran file secara langsung memengaruhi kecepatan muat halaman dan pengalaman pengguna. Ada beberapa cara untuk menjaga PNG yang diekspor tetap ringan tanpa mengorbankan kualitas.
Optimasi PNG adalah alat pertama yang harus digunakan. pic2PNG menerapkan kompresi lossless yang mengurangi ukuran file dengan mengoptimalkan cara data piksel disimpan secara internal. Ini tidak mengubah satu piksel pun dalam gambar. Warna, transparansi, dan ketajaman tetap identik. File hanya disimpan lebih efisien, biasanya menghemat 10-30% dibandingkan dengan PNG yang tidak dioptimasi.
Hapus metadata menghilangkan data EXIF, profil warna, dan informasi tertanam lainnya yang menambah ukuran file tetapi tidak memengaruhi tampilan gambar. Untuk penggunaan web, menghapus metadata hampir selalu merupakan pilihan yang tepat. Ini mengurangi ukuran file dan juga meningkatkan privasi dengan menghapus informasi seperti detail kamera atau koordinat GPS yang mungkin terlampir pada gambar sumber.
Terakhir, pilih dimensi yang tepat. Faktor terbesar dalam ukuran file PNG adalah jumlah piksel. PNG 2000x2000 memiliki empat kali lipat piksel dibandingkan PNG 1000x1000 dan akan berukuran sekitar empat kali lebih besar. Ekspor pada ukuran yang benar-benar Anda butuhkan daripada ukuran maksimum yang tersedia.
Untuk panduan lengkap teknik kompresi PNG, baca panduan kami tentang cara mengurangi ukuran file PNG.
Pilih Ukuran dan Latar Belakang yang Tepat, Lalu Ekspor
Mengonversi SVG ke PNG itu mudah begitu Anda fokus pada dua keputusan yang paling penting: ukuran output dan pengaturan latar belakang. Pilih dimensi yang sesuai dengan platform target Anda, putuskan apakah Anda memerlukan transparansi atau latar belakang solid, dan biarkan pic2PNG menangani sisanya. Konverter mempertahankan tepi tajam dan garis bersih yang membuat grafis SVG terlihat profesional, sambil memberikan Anda file PNG yang kompatibel secara universal yang dapat digunakan di mana saja.
Baik Anda mengekspor satu logo atau mengonversi batch seluruh set ikon, pic2PNG membuat prosesnya cepat, privat, dan gratis. Unggah SVG Anda, atur ukuran, dan unduh PNG yang sempurna dalam hitungan detik.