Ubah SVG ke PNG
File Anda dikonversi di perangkat Anda. File tidak pernah diunggah.
atau seret ke sini, atau tempel dengan Ctrl+V / ⌘V
.svg
- File tetap di perangkat Anda
- Banyak file + ZIP
- Tanpa daftar, tanpa batas
Konverter ini berjalan di browser dan butuh JavaScript. Aktifkan JavaScript untuk mengonversi; langkah-langkah di bawah menjelaskan semuanya.
Pengaturan
Render logo dan ikon vektor sebagai PNG yang tajam pada skala yang Anda butuhkan, dengan latar transparan.
SVG adalah gambar yang dideskripsikan dengan kode, tajam di ukuran berapa pun, tetapi banyak tempat tidak bisa memakainya: foto profil media sosial, slide presentasi, tanda tangan email, toko aplikasi, marketplace, dan banyak kolom unggah CMS meminta PNG. Halaman ini menggambar setiap SVG di browser Anda dan menyimpannya sebagai PNG dengan latar transparan yang utuh. Pilih 2× atau 4× untuk layar beresolusi tinggi dan cetak; vektor dirender pada ukuran itu, jadi tepi tetap tajam, bukan diperbesar.
Cara mengubah SVG ke PNG
- Masukkan file .svg: logo, ikon, diagram, atau ilustrasi.
- Pilih skala: 1× memakai lebar dan tinggi SVG itu sendiri, 2× menggandakannya agar tajam di layar modern, 4× untuk cetak atau slide besar.
- Tekan Konversi dan simpan PNG, atau unduh semuanya sebagai ZIP.
Apa yang terjadi pada kualitas, ukuran, dan metadata
Rendering terjadi sekali, pada ukuran piksel akhir, jadi tidak ada blur akibat pembesaran: ikon 64 px pada 4× menjadi PNG 256 px yang bersih. PNG bersifat lossless, jadi setiap tepi halus dan area transparan disimpan dengan persis.
Hasilnya bergantung pada ukuran yang dinyatakan SVG; jika hanya ada viewBox, kami memakainya. Ukuran file naik seiring skala, kira-kira empat kali lipat setiap kali digandakan. Teks dengan font web hanya tampil benar jika font tertanam di SVG atau sudah diubah menjadi outline (path).
- File uji
- 30
- Rata-rata masukan
- 1 KB
- Rata-rata hasil
- 54 KB
- Perubahan ukuran
- 50× lebih besar
- Waktu per file
- 6 ms
SVG vs PNG
| Nama lengkap | SVG | PNG |
|---|---|---|
| Nama lengkap | Scalable Vector Graphics | Portable Network Graphics |
| Diperkenalkan | 2001 | 1996 |
| Ditetapkan oleh | W3C · SVG 1.1 / SVG 2 | W3C · ISO/IEC 15948 |
| Kompresi | Lossless | Lossless |
| Transparansi | Ya | Ya |
| Animasi | Ya | Ya |
| Ukuran terbesar | — | 2,147,483,647 × 2,147,483,647 px |
| Chrome / Edge | Ya | Ya |
| Safari | Ya | Ya |
| Firefox | Ya | Ya |
| Windows | — | Ya |
| iPhone / iPad | — | Ya |
| Android | — | Ya |
| Penggunaan umum | Logo, ikon, grafik, dan ilustrasi di website. | Tangkapan layar, logo, ikon, diagram, dan gambar apa pun yang butuh latar transparan. |
SVG SVG adalah format W3C yang mendeskripsikan gambar sebagai bentuk, garis, dan teks dalam XML, bukan piksel. Tetap tajam di ukuran berapa pun dan sering berukuran mungil, tetapi tidak efisien untuk menyimpan foto, dan banyak aplikasi serta formulir unggah hanya menerima gambar piksel seperti PNG.
PNG PNG adalah format gambar lossless yang diterbitkan W3C pada 1996 dan kemudian menjadi ISO/IEC 15948. Setiap piksel disimpan persis, dan transparansi penuh didukung, sehingga ideal untuk tangkapan layar, logo, dan teks. Foto yang disimpan sebagai PNG biasanya beberapa kali lebih besar daripada sebagai JPG.
Sumber tabel ini
- www.w3.org/TR/SVG11/
- www.w3.org/TR/SVG2/
- caniuse.com/svg
- www.w3.org/TR/png-3/
- www.iso.org/standard/29581.html
- caniuse.com/apng
- developer.mozilla.org/en-US/docs/Web/Media/Guides/Formats/Image_types
- developer.android.com/media/platform/supported-formats
Data dukungan browser: caniuse.com, CC BY 4.0.
Tanpa situs ini
Browser apa pun bisa menampilkan SVG: buka di tab lalu ambil tangkapan layar. Cara itu cukup untuk sekali pakai, tetapi resolusinya sebatas layar dan biasanya berlatar putih. Editor vektor gratis seperti Inkscape bisa mengekspor PNG pada ukuran apa pun lewat dialog ekspornya. Di Mac, menekan Spasi pada file SVG di Finder menampilkan pratinjau Quick Look, berguna untuk mengecek file sebelum dikonversi. Untuk banyak file dengan transparansi, halaman ini lebih cepat.
Mengatasi masalah
- Teks berganti font. Font web yang dimuat SVG dari URL tidak bisa dipakai di sini, dan font yang terpasang di komputer Anda belum tentu ada di komputer orang lain. Ubah teks menjadi outline di editor Anda.
- Gambar di dalam SVG hilang. Gambar eksternal yang ditautkan tidak dimuat demi keamanan. Tanamkan dulu ke dalam SVG (sebagai data) sebelum dikonversi.
- PNG-nya mungil. SVG menyatakan lebar dan tinggi yang kecil. Pilih 4×, atau ubah atribut width dan height.
- Animasi. Animasi CSS atau SMIL diabaikan; Anda mendapat keadaan awal SVG.
Tanya jawab
Bagaimana cara mengubah SVG ke PNG dengan latar transparan?
Masukkan SVG ke sini dan konversi: latar otomatis tetap transparan, karena PNG mendukung transparansi dan kami tidak menambahkan isian. Jika SVG itu sendiri berisi persegi putih sebagai latar, persegi itu bagian dari gambar dan akan muncul; hapus dulu di editor vektor.
Berapa ukuran PNG yang dihasilkan?
Pada 1×, PNG punya lebar dan tinggi yang tertulis di SVG (atau dari viewBox jika tidak ada). 2× menggandakan keduanya, 4× mengalikan empat. Logo 300 × 100 menjadi 1200 × 400 pada 4×. Pakai ukuran maksimum jika hasil harus muat dalam kotak tertentu, misalnya 512 px untuk ikon aplikasi; pengaturan itu hanya mengecilkan.
Kenapa SVG saya tampak berbeda sebagai PNG?
Biasanya karena font atau file tertaut. SVG digambar dalam mode terisolasi yang tidak bisa mengambil font atau gambar eksternal, jadi teks bisa berganti ke font bawaan dan gambar tertaut tetap kosong. Ubah teks jadi outline dan tanamkan gambar di editor Anda, lalu konversi lagi.
Apakah aman mengonversi file SVG secara online?
Di sini SVG tidak pernah meninggalkan perangkat Anda; gambar digambar oleh browser Anda sendiri dan tidak ada yang diunggah. Kami juga merendernya sebagai gambar, bukan menyisipkannya ke halaman, jadi skrip apa pun di dalam SVG tidak bisa berjalan. Itu penting untuk logo dan gambar klien yang belum dipublikasikan.