Konversi SVG ke PNG
SVG adalah kumpulan instruksi menggambar tanpa resolusi tetap. Mengubahnya ke PNG berarti melukis instruksi itu ke kisi piksel, jadi satu-satunya keputusan penting adalah berapa piksel lebar hasilnya.
Konverter Gambar
atau jatuhkan file JPG, JPEG, JPE … di sini ·
Maks. 95 MB per file· Hingga 20 file· Dihapus setelah 30 menit
File diproses di server kami dan dihapus setelah 30 menit.
85 membuat foto tampak identik dengan aslinya. Turunkan hanya jika Anda memerlukan file yang lebih kecil.
JPG, BMP, dan EPS tidak mendukung transparansi. Piksel transparan diisi dengan warna ini.
Warna hex yang dipakai di belakang piksel transparan, mis. #FFFFFF.
Format ini hanya memuat satu gambar. Pilih keluaran GIF atau WebP jika Anda ingin mempertahankan animasi.
Ikon multi-ukuran berisi beberapa resolusi dalam satu file; peramban dan sistem operasi memilih yang dibutuhkan.
Pertahankan dimensi asli, atau masukkan satu sisi dan rasio aspek akan dipertahankan.
Piksel untuk sisi yang Anda pilih di atas.
Persentase dari dimensi asli.
sRGB tepat untuk layar dan web. Pertahankan aslinya untuk alur kerja cetak; skala abu-abu membuang warna.
Hanya metadata, 0 mempertahankan nilai asli. Printer dan sebagian portal membaca angka ini; dimensi piksel tidak berubah.
Cara menggunakan alat ini
- 1
Unggah file SVG
Masukkan logo, ikon, atau ilustrasi berformat .svg ke pengunggah, hingga 20 file per batch dan masing-masing 95 MB.
- 2
Atur lebar keluaran
Ubah ukuran gambar keluaran diatur ke lebar 1024 px. Masukkan Ukuran lain, atau beralih ke Atur tinggi atau Atur sisi terpanjang; rasio aspek gambar selalu dipertahankan.
- 3
Konversi ke PNG
Tekan Konversi ke PNG lalu unduh setiap gambar atau seluruhnya sebagai ZIP. Area transparan pada SVG tetap transparan.
Bagaimana cara mengubah SVG ke PNG pada ukuran tertentu?
Unggah SVG, ketik lebar yang Anda butuhkan dalam piksel (bawaannya 1024 px), lalu tekan Konversi ke PNG. Tinggi mengikuti proporsi gambar dan latarnya tetap transparan.
Konversi SVG ke PNG pada ukuran yang Anda butuhkan
SVG, standar W3C sejak 2001, menggambarkan bentuk dengan koordinat: gambar lingkaran di sini, isi dengan warna ini. Itulah sebabnya logo SVG tetap tajam di kartu nama maupun di baliho. PNG tidak bisa diskalakan seperti itu. Begitu lebarnya 512 px, memperbesarnya berarti mengarang piksel baru, dan tepinya menjadi lembek. Jadi waktu untuk menentukan ukuran adalah saat konversi, selagi informasi vektornya masih ada.
Banyak file SVG mencantumkan lebar dan tinggi kecil di kodenya, kadang 24 atau 48 px untuk ikon. Merender pada ukuran itu menghasilkan PNG sebesar thumbnail. Halaman ini menghindari jebakan tersebut dengan mengatur lebar keluaran ke 1024 px dan menskalakan gambar agar pas, dengan tinggi dihitung dari proporsi gambar. Ubah angkanya hingga 20.000 px; memperbesar tidak menurunkan kualitas, karena setiap ukuran digambar baru dari bentuk vektornya.
SVG ke PNG untuk cetak: inci, DPI, dan piksel
| in | Pixels at | ||
|---|---|---|---|
| 72 DPI | 150 DPI | 300 DPI | |
| 1 | 72 | 150 | 300 |
| 2 | 144 | 300 | 600 |
| 3,5 | 252 | 525 | 1050 |
| 8,5 | 612 | 1275 | 2550 |
| 11 | 792 | 1650 | 3300 |
Empat pemeriksaan sebelum merasterisasi SVG
Ubah font jadi garis luar
Teks yang bergantung pada font yang Anda miliki tetapi tidak dimiliki konverter akan diganti. Ubah huruf menjadi path terlebih dahulu.
Sematkan gambar tertaut
SVG bisa menunjuk ke file foto terpisah lewat path. Jika file itu tidak ada di dalam SVG, PNG menampilkan ruang kosong di tempatnya.
Periksa kanvas
Ruang kosong berlebih di sekitar karya pada kanvas SVG menjadi margin transparan di PNG. Sesuaikan artboard dengan karya sebelum mengekspor.
Pilih lebar sesuai kegunaan
Ekspor PNG terpisah untuk keperluan berbeda, misalnya 512 px untuk foto profil dan 2048 px untuk slide, alih-alih satu ukuran untuk semuanya.
SVG
Scalable Vector Graphics
SVG adalah format vektor berbasis XML yang distandardisasi oleh W3C pada 2001. Alih-alih piksel, format ini menggambarkan bentuk, path, dan teks, sehingga tetap tajam di ukuran berapa pun dan biasanya sangat kecil untuk logo dan ikon. SVG mendukung transparansi, gaya CSS, skrip, dan animasi, dan setiap browser merendernya secara native. SVG tidak cocok untuk foto, dan ilustrasi yang kompleks bisa menjadi lambat dirender. Illustrator, Inkscape, Figma, dan browser dapat membuka serta mengeditnya.
- Kompresi
- –
- Transparansi
- Ya
- Animasi
- Ya
- Diperkenalkan
- 2001 · W3C
PNG
Portable Network Graphics
PNG adalah format raster lossless (tanpa kehilangan kualitas) yang diterbitkan pada 1996 oleh PNG Development Group dan kemudian distandardisasi oleh W3C dan ISO. Format ini menyimpan setiap piksel secara persis, mendukung transparansi alfa penuh, dan menangani teks, tepi tajam, serta warna datar tanpa artefak. Ketepatan itu membuatnya ideal untuk tangkapan layar, logo, ikon, dan grafis antarmuka. Kekurangannya ada pada ukuran: foto yang disimpan sebagai PNG sering kali beberapa kali lebih besar daripada foto yang sama dalam JPEG atau WebP. Semua browser, sistem operasi, dan editor dapat membuka file PNG.
- Kompresi
- Lossless
- Transparansi
- Ya
- Animasi
- Tidak
- Diperkenalkan
- 1996 · PNG Development Group
SVG ke PNG mengubah karya vektor tanpa resolusi menjadi bitmap berukuran tetap untuk tempat yang menolak SVG, seperti unggahan media sosial, e-mail, dan dokumen perkantoran; arah sebaliknya adalah upaya memulihkan kemampuan skala dari piksel.
FAQ SVG ke PNG
Resolusi berapa yang tepat saat mengubah SVG ke PNG?
Gunakan ukuran terbesar saat PNG ditampilkan, dikalikan dua untuk layar ponsel dan laptop berkepadatan tinggi. Logo yang tampil selebar 300 px di situs web sebaiknya diekspor sekitar 600 px; ikon aplikasi biasanya 1024 px; karya untuk cetak butuh inci dikali 300, jadi 3 inci menjadi 900 px.
Apakah PNG mempertahankan latar transparan dari SVG?
Ya. Area SVG tanpa isi keluar sepenuhnya transparan, dan bentuk semitransparan mempertahankan opasitasnya. Jika Anda butuh latar solid, ubah ke JPG dengan SVG ke JPG dan pilih warna isinya.
Mengapa teks di PNG saya tampak berbeda dari SVG-nya?
Teks SVG digambar dengan font apa pun yang terpasang di tempat ia dirender. Jika SVG menyebut font yang tidak disematkan, font pengganti akan dipakai. Ubah teks menjadi garis luar sebelum mengekspor: Type → Create Outlines di Illustrator, Path → Object to Path di Inkscape.
Apakah mengatur DPI membuat PNG dari SVG lebih tajam?
Tidak. Tag DPI di Pengaturan lanjutan hanya menulis angka ke dalam file yang dibaca printer dan sebagian program tata letak untuk menentukan ukuran fisik. Ketajaman berasal dari dimensi piksel, yang Anda atur lewat lebar. Ubah keduanya jika percetakan meminta 300 dpi pada ukuran tertentu.
Mengapa orang mengubah SVG ke PNG?
Banyak tempat yang menerima gambar tidak menerima SVG: unggahan foto profil dan postingan media sosial, sebagian besar klien e-mail, banyak marketplace, dan Microsoft Office versi lama. PNG dengan ukuran yang tepat tampil di semua tempat itu.
Bisakah PNG diubah kembali menjadi SVG nanti?
Hanya dengan pelacakan, yang menggambar ulang bentuk dari piksel dan paling berhasil pada logo sederhana. Simpan SVG asli Anda; jika hilang, panduan PNG ke SVG menjelaskan cara kerja pelacakan dan hasil yang bisa diharapkan.