Cara mengonversi gambar JPG dan PNG ke SVG

Format gambar tradisional seperti JPG, PNG atau GIF sangat populer, tetapi memiliki kelemahan yang membuat penggunaannya kurang ideal untuk aplikasi tertentu.

Jika Anda membuat situs web yang responsif misalnya, Anda ingin gambar yang terlihat bagus terlepas dari lebar dan tinggi yang ditampilkan. Gambar tradisional terlihat buruk ketika Anda memperbesarnya terlalu banyak misalnya.

Anda mungkin perlu menampilkan gambar dalam ukuran yang berbeda juga, misalnya sebagai thumbnail di halaman indeks blog, dan sebagai gambar resolusi penuh di artikel tertaut.

Meskipun Anda dapat membuat versi berbeda dari satu gambar sehingga yang paling tepat dipilih, itu berarti Anda memerlukan lebih banyak penyimpanan untuk itu antara lain.

Format gambar SVG adalah format vektor. Artinya ukurannya dapat diperkecil atau diperbesar tanpa kehilangan kualitas (scalable). Itu bagus jika Anda perlu menampilkan gambar di banyak tempat menggunakan resolusi yang berbeda.

Keuntungan lain dari SVG adalah ukurannya biasanya jauh lebih kecil, dan memberikan fleksibilitas kepada webmaster dalam hal membuat perubahan karena beberapa dapat dilakukan di CSS secara langsung.

Salah satu contoh: Terence Eden membuat ulang logo perusahaan Internet populer seperti Twitter, Amazon, WhatsApp, YouTube atau Reddit di SVG. Ukuran logo dikurangi menjadi kurang dari 1 Kilobyte, terkadang hingga 200 byte. Logo Twitter dalam format PNG misalnya berukuran 20 Kilobyte, versi SVG berukuran 397 bytes.

SVG adalah format yang bagus untuk logo dan ikon, tetapi tidak terlalu cocok untuk foto dan jenis gambar lain yang menampilkan banyak objek berbeda.

Mengonversi ke SVG

Panduan ini berkonsentrasi pada aplikasi yang dapat Anda gunakan untuk mengonversi gambar ke SVG secara langsung. Ini bukan tutorial menggunakan aplikasi yang dirancang untuk membuat grafik vektor dari awal. Anda dapat menggunakan editor grafik vektor seperti Adobe Illustrator (tidak ada tautan kami ke kebijakan Adobe masih berlaku), Inkscape, atau LibreOffice Draw untuk itu.

Undian LibreOffice

Untuk Windows

Banyak pengonversi gratis tersedia yang dapat Anda jalankan secara online, tetapi mereka cukup terbatas dalam hal proses konversi. Meskipun mungkin cukup untuk mengonversi logo sederhana yang tersedia sebagai png atau jpg ke svg, sebagian besar hasilnya tidak terlalu bagus.

Inilah cara saya mengevaluasi layanan: Saya mengunduh logo Ghacks, dan mencoba konversi pada beberapa lusin konverter SVG. Saya menilai hasilnya, dan membuang layanan apa pun yang tidak memberikan hasil yang baik.

• Aconvert -- Layanan mengambil file lokal atau URL sebagai input. Satu-satunya pilihan yang disediakan adalah mengubah resolusi gambar. Gambar yang dihasilkan tampak seperti logo Ghacks, tetapi ukurannya hampir dua kali lipat ukuran logo versi PNG.
• Vector Magic -- Tersedia sebagai konverter online dan program desktop untuk Windows. Namun ini tidak gratis (biaya online $7.95 per bulan, edisi desktop pembayaran satu kali sebesar $295). Hasil dari edisi online sangat bagus, dan Anda mendapatkan banyak pilihan untuk mengedit atau mengubah pengaturan, dan tampilan berdampingan dari gambar asli dan salinan svg.
• Vectorizer -- Layanan gratis lainnya. Yang ini dilengkapi dengan wizard yang Anda bisa untuk memilih parameter output terbaik (buram, warna), atau Anda dapat mengaturnya secara langsung. Hasilnya bagus dengan beberapa penyesuaian, dan ukuran gambar yang dihasilkan sepertiga lebih kecil dari logo PNG asli.

Sihir Vektor

Untuk Windows

Kamu sekarang: Ketahui layanan atau program online lain untuk mengonversi gambar ke format SVG?