Sebuah SVG tidak memiliki piksel, jadi ini adalah proses rendering, bukan konversi

Setiap konverter lain di situs ini memindahkan piksel yang sudah ada. Yang satu ini melakukan sesuatu yang berbeda, dan perbedaannya itulah alasan halaman ini layak dibaca. SVG sama sekali tidak menyimpan gambar. Ia menyimpan instruksi: gambar lingkaran di sini, isi jalur ini dengan gradasi itu, letakkan teks di koordinat ini. Mengubahnya menjadi PNG berarti menjalankan instruksi tersebut pada ukuran yang Anda pilih. Tidak ada yang diregangkan dan tidak ada yang ditebak, karena memang tidak ada kisi piksel asli untuk diregangkan atau ditebak.

Mengapa Anda mungkin membutuhkan PNG sama sekali

Format ini sangat baik namun hampir tidak ada yang mendukungnya. Klien email tidak akan menampilkan SVG. Office menyulitkan saat Anda menyisipkannya. Jejaring sosial dan sebagian besar formulir unggah langsung menolaknya, dan perangkat lunak di luar dunia desain cenderung memperlakukannya sebagai file teks, karena secara teknis memang demikian. PNG adalah versi yang diterima semua orang.

Ukuran besar tidak membuat Anda rugi di sini

Memperbesar foto menciptakan piksel yang tidak pernah tertangkap kamera, itulah sebabnya gambar menjadi buram pada 2x dan menjadi tidak jelas pada 10x. Rendering vektor tidak memiliki batasan seperti itu. Ikon 24 piksel yang dirender pada 1024 piksel bukanlah ikon 24 piksel yang diperbesar; itu adalah gambar yang sama yang dieksekusi ulang pada 1024, dengan setiap kurva dan tepi dihitung untuk ukuran tersebut. Kami menguji hal itu: ikon 24 x 24 kembali pada ukuran 1024 x 1024 dengan warna yang identik dengan nilai sumbernya, byte demi byte, dan tepi anti-alias yang halus, bukan bergerigi.

Saran praktisnya mengikuti hal tersebut. Renderlah pada ukuran terbesar yang benar-benar akan Anda gunakan, bukan yang terkecil, karena PNG yang Anda dapatkan adalah kisi piksel tetap mulai saat itu. Membuat lebih besar hanya memakan waktu beberapa milidetik saja.

Anda memilih ukuran, atau file yang menentukannya

Ketikkan lebar dan gambar akan disesuaikan dengan proporsi yang terkunci. Jika Anda meminta logo 2:1 berukuran 400 x 400, Anda akan mendapatkan gambar tajam 400 x 200, bukan kotak yang gepeng. Ada preset satu klik di 256, 512, 1024, dan 2048, serta opsi Asli yang merender pada ukuran yang dideklarasikan SVG itu sendiri. Pada file yang mendeklarasikan 200 x 100, Asli mengembalikan tepat 200 x 100. Batas maksimalnya adalah 16.384 piksel per sisi dan 64 megapiksel secara keseluruhan, yang mencakup render 8000 x 8000.

Transparansi, termasuk yang sebagian

PNG membawa saluran alfa sungguhan, jadi logo dengan latar belakang transparan akan kembali dengan latar belakang transparan, siap ditempatkan di slide atau halaman produk tanpa kotak putih di sekelilingnya. Bagian yang membedakan renderer bagus dari yang sembarangan adalah transparansi sebagian: bayangan lembut, tepi memudar, apa pun yang diatur ke opasitas setengah. Pada bentuk yang dideklarasikan dengan opasitas 50 persen, output-nya memiliki nilai alfa 128, yang persis setengah. Setiap render kembali sebagai gambar RGBA asli. Jika Anda ingin transparansinya dihilangkan, ubah pengaturan latar belakang ke warna solid dan pilih warna yang diinginkan dari pemilih warna.

Teks dan gradasi, dua hal yang biasanya bermasalah

Rendering SVG di sisi server biasanya gagal di dua tempat. Font bisa hilang, sehingga teks menghilang atau tampil dengan jenis huruf yang salah. Dan gradasi yang didefinisikan sekali dan direferensikan dengan id tidak terselesaikan, sehingga bentuk kembali datar atau hitam. Kami memeriksa keduanya. Teks dirender dengan tepi glyph anti-alias yang bersih, dan gradasi linear yang direferensikan dengan url() dirender sebagai gradasi yang benar dari satu warna ke warna lain. Jika file meminta font yang tidak dimiliki server, font pengganti digunakan dan hasilnya memberi tahu Anda, bukan membiarkan Anda baru menyadarinya nanti.

Mengunggah SVG milik orang lain aman di sini

Sebuah SVG secara legal dapat berisi JavaScript dan dapat mengarah ke sumber daya di internet. Itulah sebabnya penyedia email memblokir format ini, dan itu alasan nyata untuk berhati-hati dengan file dari orang asing. Rendering di sini dijalankan melalui mesin vektor khusus, bukan browser tanpa kepala: skrip tidak pernah dijalankan dan referensi eksternal tidak pernah diambil. Tidak ada apa pun di dalam file yang dapat berjalan, menghubungi sumber, atau membaca apa pun. Yang Anda dapatkan adalah keadaan statis gambar tersebut, itulah juga mengapa animasi dirender sebagai frame pertama, bukan bergerak.

Cepat, dan dapat diulang

Ghostscript tiger klasik, 94,5 KB jalur bezier padat dan uji siksaan biasa untuk renderer SVG, dirender ke PNG 512 piksel dalam 53 milidetik. Merender file yang sama dua kali menghasilkan output yang identik secara byte, sehingga hasil dapat direproduksi persis, bukan kira-kira. File .svgz terkompresi dibaca langsung, dan format dideteksi dari byte file itu sendiri, jadi file yang diganti nama atau tanpa ekstensi tetap bisa dirender.

Satu set ikon sekaligus

Beberapa file dirender dengan pengaturan yang sama dan kembali sebagai satu ZIP dengan nama aslinya. Tiga file berbeda yang semuanya bernama icon.svg akan kembali sebagai icon.png, icon_1.png, dan icon_2.png, bukan dua di antaranya diam-diam hilang. File yang rusak atau bukan SVG dalam batch akan dilewati dan disebutkan dalam hasil, bukan membuat semua gagal.

Apa yang Anda dapatkan

• PNG yang dirender pada ukuran pilihan Anda, bukan salinan kecil yang diperbesar
• Proporsi terkunci, sehingga tidak ada yang kembali dalam keadaan terdistorsi atau gepeng
• Alfa penuh, termasuk bentuk setengah transparan dan bayangan lembut, atau warna latar belakang apa pun yang Anda pilih
• Teks dan gradasi dirender, bukan diabaikan, dengan penggantian font dilaporkan
• Tidak ada skrip yang dijalankan dan tidak ada referensi eksternal yang diambil, jadi SVG yang tidak dikenal aman untuk diunggah
• Tidak perlu akun, tanpa watermark, dan file dihapus dari server satu jam kemudian

Selanjutnya apa?

Render 4000 piksel adalah file besar, jadi Kompres PNG biasanya menjadi langkah berikutnya sebelum digunakan di halaman, dan PNG ke WebP membawanya lebih jauh untuk web. Jika Anda juga menyimpan vektornya, Kompres SVG akan membersihkan file dari sampah editor terlebih dahulu.