Perbedaan gambar SVG dan PNG
SVG menjelaskan bentuk, jalur, teks, dan warna memakai koordinat. PNG menyimpan kisi piksel berwarna dengan ukuran tetap. Karena itu, konversi memerlukan ukuran keluaran: satu gambar vektor dapat dirender selebar 400 piksel untuk gambar kecil atau 2.400 piksel untuk presentasi. Pilih berkas SVG atau tempel kodenya. Browser membaca sumber tersebut, mengambil perbandingan sisi dari viewBox bila tersedia, lalu membuat kanvas sesuai ukuran yang diminta. Berkas gambar tidak dikirim ke server konversi.
ViewBox berukuran 400 kali 200 memiliki rasio dua banding satu. Jika lebar keluaran diatur menjadi 1.200 piksel dan tinggi dibiarkan kosong, alat menghitung tinggi 600 piksel. Mengisi kedua ukuran memungkinkan gambar diregangkan secara sengaja; untuk logo, biasanya perbandingan asli perlu dipertahankan. Jumlah piksel yang lebih besar menghasilkan tepi vektor lebih rinci, tetapi ukuran berkas PNG biasanya ikut bertambah.
Latar dan ketajaman hasil
Tentukan lebar keluaran terlebih dahulu, kemudian pilih latar transparan, putih, atau warna pilihan. Transparansi berguna bagi ikon yang ditempatkan di atas berbagai warna. Latar putih menghindari kejutan ketika aplikasi tujuan menampilkan area transparan sebagai hitam. Warna khusus bisa menyesuaikan desain presentasi. Pola kotak-kotak dalam pratinjau memperlihatkan area yang tidak memiliki warna. Periksa tepi gambar pada ukuran tampilan akhirnya sebelum mengunduh PNG.
Misalnya, logo dengan viewBox 400 × 200 menjadi PNG 1.200 × 600 apabila diekspor selebar 1.200 piksel. Bila lebarnya 600 piksel, hasilnya 600 × 300. Komposisi tidak berubah, namun berkas pertama lazimnya lebih besar. Memperbesar bitmap 400 × 200 sesudah ekspor tidak bisa mengembalikan kelengkungan tajam yang masih tersedia dalam SVG asli.
Batasan dan kekeliruan umum
Resolusi tinggi tidak memperbaiki foto beresolusi rendah yang sudah tertanam di dalam SVG. Foto itu tetap berupa data raster dan dapat terlihat buram setelah diperbesar. Teks juga bisa berbeda jika font yang diperlukan tidak tersedia pada perangkat yang melakukan konversi. Untuk logo penting, mengubah huruf menjadi jalur sebelum ekspor dapat mengurangi masalah ini. Bandingkan pratinjau dengan sumber, terutama label kecil, garis tipis, dan bayangan semi transparan. Browser dan aplikasi tujuan mungkin menggambar beberapa efek secara berbeda.
Konverter menolak konten aktif dan sumber eksternal sebelum merender SVG. Jika berkas bergantung pada gambar tertaut, font dari jaringan, atau skrip, buatlah SVG statis yang mandiri terlebih dahulu. Batas ukuran piksel mencegah satu proses memakai memori browser secara berlebihan. PNG menyimpan transparansi tanpa kompresi merusak, tetapi belum tentu merupakan format terkecil untuk gambar fotografis.