Bagaimana mengkonversi gambar JPG dan PNG ke SVG

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

Misalnya, jika Anda membuat situs web responsif, 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 pada halaman indeks blog, dan sebagai gambar resolusi penuh dalam artikel yang ditautkan.

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

Format gambar SVG adalah format vektor. Ini berarti bahwa ukurannya dapat dikurangi atau ditingkatkan tanpa kehilangan kualitas (terukur). 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 ketika harus melakukan perubahan karena beberapa dapat dilakukan dalam CSS secara langsung.

Salah satu contoh: Terence Eden menciptakan kembali logo perusahaan Internet populer seperti Twitter, Amazon, WhatsApp, YouTube atau Reddit di SVG. Ukuran logo dikurangi menjadi kurang dari 1 Kilobyte, kadang-kadang serendah 200 byte. Logo Twitter dalam format PNG misalnya memiliki ukuran 20 Kilobyte, versi SVG berukuran 397 byte.

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

Konversi ke SVG

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

Banyak konverter gratis tersedia yang dapat Anda jalankan online, tetapi mereka cukup terbatas dalam hal proses konversi. Meskipun mereka mungkin cukup untuk mengonversi logo sederhana yang tersedia sebagai png atau jpg ke svg, hasilnya sebagian besar 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 disediakannya adalah mengubah resolusi gambar. Gambar yang dihasilkan tampak seperti logo Ghacks, tetapi ukurannya hampir dua kali lipat ukuran versi PNG dari logo tersebut.
  • Vector Magic - Tersedia sebagai konverter online dan program desktop untuk Windows. Namun tidak gratis (biaya online $ 7, 95 per bulan, edisi desktop pembayaran satu kali sebesar $ 295). Hasil edisi online sangat bagus, dan Anda mendapatkan banyak opsi untuk mengedit atau memodifikasi 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 (blur, warna), atau Anda dapat mengaturnya secara langsung. Hasilnya bagus dengan beberapa penyesuaian, dan ukuran gambar yang dihasilkan sepertiga lebih sedikit dari logo PNG asli.

Sekarang Anda: Tahu layanan atau program daring lain untuk mengonversi gambar ke format SVG?