Cara mengubah SVG ke PNG
- Letakkan satu atau beberapa file
.svgdi area unggah. - Masukkan Lebar PNG dalam piksel (default
1024). Tingginya dihitung dari proporsi SVG. - Klik Konversi ke PNG lalu unduh gambarnya.
Proses render berlangsung di browser Anda, jadi logo dan ilustrasi Anda tidak pernah diunggah atau disimpan.
Vektor vs raster: mengapa mengubah SVG ke PNG?
SVG (Scalable Vector Graphics) mendeskripsikan gambar dengan bentuk, path, dan teks dalam XML. Karena tersusun dari instruksi matematis, bukan piksel, SVG tetap tajam sempurna di ukuran berapa pun dan ideal untuk logo, ikon, dan ilustrasi di situs web.
PNG adalah format raster: kisi piksel dengan ukuran tetap, dengan kompresi lossless dan dukungan transparansi penuh. Banyak tempat sama sekali tidak menerima SVG, antara lain:
- Foto profil dan postingan media sosial
- Microsoft Word, PowerPoint, dan banyak aplikasi email
- App store, marketplace, dan banyak formulir online
- Sebagian editor gambar dan software lama
Mengubah ke PNG memberi Anda file yang bisa dipakai di mana saja dengan tepi yang tetap tajam dan latar belakang transparan.
Memilih lebar yang tepat
Karena SVG bisa dirender di ukuran berapa pun tanpa kehilangan kualitas, pilihlah lebar yang benar-benar Anda butuhkan. Lebar PNG akan persis sebanyak jumlah piksel tersebut.
| Penggunaan | Lebar yang disarankan |
|---|---|
| Favicon atau ikon kecil | 64–512 px |
| Logo situs web (termasuk layar berkepadatan tinggi) | 2× lebar tampilan, misalnya 400–600 px |
| Gambar media sosial atau slide presentasi | 1080–1920 px |
| Cetak (300 DPI) | Lebar cetak dalam inci × 300, misalnya 1500 px untuk 5 inci |
Tips dan batasan
- Transparansi tetap terjaga. Area tanpa isian (fill) tetap transparan di PNG.
- Sertakan viewBox. SVG dengan atribut
viewBoxdapat diskalakan dengan benar ke lebar berapa pun. File yang hanya memiliki lebar dan tinggi tetap, atau tidak memiliki keduanya, bisa dirender dengan ukuran yang tidak terduga. - Sumber daya eksternal tidak dimuat. Demi keamanan, browser tidak memuat font, gambar, atau stylesheet eksternal yang dirujuk oleh SVG yang dirender sebagai gambar. Ubah teks menjadi outline di aplikasi desain Anda, atau sematkan font dan gambar, sebelum mengonversi.
- Animasi dan skrip interaktif di dalam SVG tidak ikut terekam; Anda mendapatkan satu frame statis.
Pertanyaan yang sering diajukan
Apakah PNG-nya akan buram?
Tidak, selama Anda memilih lebar yang setidaknya sama besar dengan ukuran tampilannya nanti. SVG dirender langsung pada lebar yang dipilih, jadi tidak ada pembesaran (upscaling).
Mengapa font di PNG saya salah?
SVG kemungkinan merujuk ke web font atau font yang terpasang di komputer Anda. Ubah teks menjadi path (outline) di aplikasi desain Anda sebelum mengekspor SVG.
Bisakah saya mengonversi beberapa file SVG sekaligus?
Bisa. Semua file yang dipilih dirender dengan lebar yang sama.
Diperbarui
Komentar
Masuk untuk menilai alat ini.
Bagikan tips, ajukan pertanyaan, atau ceritakan pengalaman Anda memakai alat ini.
Belum ada komentar. Jadilah yang pertama bercerita.