Konverter SVG ke PNG, JPG, dan WebP

Apa yang dilakukan alat ini

SVG adalah gambar yang dijelaskan dengan teks: bentuk, jalur, dan warna, bukan piksel. Karena itu SVG tetap tajam di ukuran apa pun, dan karena itu pula banyak tempat tidak menerimanya. Media sosial, aplikasi email, slide presentasi, toko aplikasi, dan hampir semua formulir unggah meminta PNG, JPG, atau WebP. Alat ini menggambar SVG Anda dengan ukuran piksel yang Anda pilih lalu menyimpannya ke salah satu dari tiga format itu.

Semuanya berjalan di browser Anda. File dibaca di perangkat, digambar pada canvas, dan dikodekan di sana, jadi tidak ada yang diunggah dan tidak ada antrean.

Cara mengonversi SVG

1. Letakkan file di kotak, pilih file, atau tempel kode SVG ke kolom teks. Tombol "Coba contoh" memuat ikon kecil agar Anda langsung melihat hasilnya.
2. Pilih format. PNG tidak menurunkan kualitas dan mempertahankan transparansi, WebP lebih kecil dan juga mempertahankannya, JPG paling kecil untuk foto tetapi tidak punya transparansi sama sekali.
3. Pilih ukuran lalu unduh. Pratinjau berubah setiap kali Anda mengubah sesuatu, dan baris di bawahnya menunjukkan ukuran piksel serta ukuran file yang akan Anda dapatkan.

Memilih ukuran

SVG tidak punya piksel sendiri, jadi ukurannya Anda yang menentukan. Ada tiga cara: skala (kali ukuran alaminya), lebar yang tepat, atau tinggi yang tepat. Dengan lebar atau tinggi, sisi lainnya mengikuti rasio, sehingga gambar tidak pernah melar.

Ukuran alami dibaca dari file. Jika elemen akar punya width dan height, keduanya dipakai. Jika hanya ada viewBox, yang umum pada ikon, viewBox memberi ukuran sekaligus rasio: ikon dengan viewBox="0 0 24 24" berukuran 24 kali 24 piksel pada skala 1, 96 kali 96 pada skala 4, dan 512 kali 512 saat Anda meminta lebar 512. Logo lebar dengan viewBox="0 0 24 12" pada lebar 480 menghasilkan 480 kali 240. Jika file tidak punya ukuran maupun viewBox, alat ini mengasumsikan 300 kali 150 seperti browser dan memberi tahu Anda.

Sisi terpanjang bisa sampai 8192 piksel dan seluruh gambar sekitar 50 juta piksel, batas yang masih bisa digambar browser dengan andal.

PNG, JPG, atau WebP

• PNG untuk logo, ikon, dan apa pun dengan tepi tajam atau transparansi. File lebih besar, tetapi tidak ada yang hilang.
• WebP untuk hal yang sama jika tujuan unggahnya menerima: biasanya jauh lebih kecil daripada PNG dan mempertahankan transparansi. Penggeser kualitas berlaku.
• JPG hanya jika tujuannya mewajibkan. JPG tidak punya transparansi, jadi alat ini selalu mengisi latar dengan warna (putih secara bawaan) dan penggeser kualitas berlaku. Tepi keras dan warna rata menampakkan noise berbentuk blok samar pada kualitas rendah.

Untuk latar transparan, biarkan sakelar "Latar transparan" menyala dan pilih PNG atau WebP. Matikan untuk mengisi gambar dengan warna pilihan Anda.

Apa yang terjadi pada skrip dan tautan

SVG bukan sekadar gambar: formatnya mengizinkan skrip, penangan event, dan tautan ke file lain. SVG dari sumber tak dikenal harus diperlakukan seperti file lain yang tidak Anda percayai. Di sini file hanya dimuat sebagai gambar, yang tidak pernah dibiarkan browser menjalankan kode, dan sebelumnya alat ini menghapus elemen script, frame tersemat, atribut event seperti onclick, tautan ke alamat web lain, dan impor CSS. Jumlahnya ditampilkan dan tidak ada yang dijalankan.

Jika hasilnya tampak salah

• Teks berganti font. SVG yang digambar sebagai gambar tidak bisa memuat font dari web. Ubah teks menjadi outline di program gambar Anda atau sematkan font-nya.
• Gambar kosong. Periksa apakah kodenya lengkap dan elemen akarnya svg. Kode tempelan tanpa xmlns diperbaiki otomatis, tetapi tag yang tidak ditutup tidak.
• Gambar eksternal hilang. Gambar yang menunjuk ke alamat web lain sengaja dihapus. Sematkan sebagai data di dalam file.
• Tepinya tampak lembut. Perbesar ukurannya. Memperbesar SVG tidak menurunkan kualitas, memperbesar PNG hasil ekspor iya.