SVG ke PNG

Cara mengonversi SVG ke PNG

1. Letakkan satu file SVG atau lebih di area unggah, atau klik area itu untuk memilihnya. Anda juga bisa membuka Atau tempel kode SVG, menempelkan markup, lalu mengklik Tambah kode SVG.
2. Pilih Ukuran keluaran: - Faktor skala mengalikan ukuran asli SVG (2 menghasilkan gambar dua kali lebih lebar dan dua kali lebih tinggi); - Lebar (tinggi menyesuaikan) atau Tinggi (lebar menyesuaikan) menjaga proporsi; - Lebar dan tinggi tepat memaksakan kedua dimensi; - Resolusi (DPI) merender ukuran fisik seperti 2in atau 50mm pada DPI yang dipilih.
3. Pilih Format: PNG, JPG, atau WebP. JPG dan WebP juga memiliki penggeser Kualitas.
4. Di bagian Latar belakang, biarkan Transparan atau pilih Warna dan atur Warna latar belakang.
5. Klik Konversi ke gambar. Setiap file mendapat satu baris berisi pratinjau, ukuran pikselnya yang baru, dan tombol Unduh. Unduh semua menyimpan file satu per satu; Unduh ZIP menaruhnya dalam satu arsip.

Cara ukuran dihitung

SVG mendeskripsikan bentuk, bukan piksel, sehingga dapat digambar dengan tajam pada ukuran berapa pun. Ukuran “alami”-nya berasal dari atribut width dan height pada elemen akar <svg>. Jika atribut itu tidak ada, alat ini memakai viewBox (misalnya viewBox="0 0 24 24" menghasilkan 24 × 24), seperti yang dilakukan browser. Jika SVG tidak memiliki keduanya, ukurannya kembali ke bawaan browser 300 × 150.

Panjang dalam satuan fisik dikonversi dengan aturan CSS 96 piksel per inci: 1 in = 96 px, 1 cm ≈ 37,8 px, 1 pt = 1,33 px. Itulah sebabnya DPI (96 = ukuran asli) tertulis 96: pada 300 DPI, ikon yang dideklarasikan width="1in" menjadi selebar 300 piksel, sesuai yang diharapkan percetakan.

Dengan Lebar dan tinggi tepat, gambar yang proporsinya berbeda dari kotak ditempatkan di tengah dengan bingkai kosong di sisinya, mengikuti aturan preserveAspectRatio milik SVG itu sendiri; gambar tidak pernah diregangkan kecuali file memintanya.

Browser tidak dapat membuat kanvas yang lebih besar dari sekitar 16,7 juta piksel (misalnya 4096 × 4096). Jika Anda meminta lebih, ukuran dikurangi menjadi gambar terbesar yang muat dan sebuah pesan memberi tahu ukuran akhirnya.

PNG, JPG, atau WebP?

• PNG tidak mengurangi kualitas dan mempertahankan transparansi: pilihan terbaik untuk ikon, logo, dan diagram.
• JPG tidak mendukung transparansi, sehingga area transparan diisi warna latar belakang. Gunakan untuk ilustrasi besar ketika ukuran file lebih penting daripada tepi yang tajam.
• WebP mempertahankan transparansi dan biasanya lebih kecil daripada PNG; semua browser saat ini dapat menampilkannya.

Keamanan dan batasan

SVG Anda tidak pernah disisipkan ke halaman. SVG digambar dari alamat blob privat sebagai gambar biasa, mode di mana browser tidak menjalankan skrip atau memuat apa pun lainnya. Akibatnya, referensi eksternal tidak dimuat: font web dari Google Fonts, gambar yang ditautkan lewat URL, dan file CSS eksternal diabaikan, sehingga teks bisa muncul dengan font bawaan. Untuk mempertahankan tampilan persis, ubah teks menjadi path di editor Anda atau sematkan gambar sebagai data URI sebelum mengonversi. Font yang terpasang di komputer Anda tetap dapat dipakai.

Tidak ada yang diunggah: perenderan dan pengodean terjadi di browser Anda.