Cara menukar gambar JPG dan PNG ke SVG

Format gambar tradisional seperti JPG, PNG atau GIF sangat popular, tetapi mempunyai kekurangan yang menjadikan penggunaannya kurang sesuai untuk aplikasi tertentu.

Sekiranya anda membuat laman web responsif misalnya, anda mahukan gambar yang kelihatan baik tanpa mengira lebar dan ketinggiannya. Imej tradisional kelihatan buruk apabila anda membesarkannya terlalu banyak.

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

Walaupun anda dapat membuat versi yang berbeza dari satu gambar sehingga yang paling sesuai dipilih, ini bermakna anda memerlukan lebih banyak penyimpanan untuk itu antara lain.

Format gambar SVG adalah format vektor. Ini bererti bahawa ukurannya dapat diturunkan atau meningkat tanpa kehilangan kualitas (dapat diskalakan). Itu bagus jika anda perlu memaparkan gambar di beberapa tempat menggunakan resolusi yang berbeza.

Kelebihan lain dari SVG adalah ukurannya biasanya jauh lebih kecil, dan memberikan kelonggaran kepada webmaster ketika membuat perubahan padanya kerana beberapa dapat dilakukan secara langsung di CSS.

Salah satu contoh: Terence Eden mencipta semula logo syarikat Internet popular seperti Twitter, Amazon, WhatsApp, YouTube atau Reddit di SVG. Ukuran logo dikurangkan menjadi kurang dari 1 Kilobyte, kadang-kadang serendah 200 bait. Logo Twitter dalam format PNG misalnya memiliki ukuran 20 Kilobyte, versi SVG ukuran 397 byte.

SVG adalah format yang baik untuk logo dan ikon, tetapi tidak begitu sesuai dengan gambar dan jenis gambar lain yang menunjukkan banyak objek yang berbeza.

Menukar ke SVG

Panduan ini tertumpu pada aplikasi yang mungkin anda gunakan untuk menukar gambar ke SVG secara langsung. Ini bukan tutorial menggunakan aplikasi yang dirancang untuk membuat grafik vektor dari awal. Anda boleh menggunakan editor grafik vektor seperti Adobe Illustrator (tidak ada pautan kami ke dasar Adobe yang masih ada), Inkscape, atau LibreOffice Draw untuk itu.

Cabutan LibreOffice

Untuk Windows

Terdapat banyak penukar percuma yang boleh anda jalankan dalam talian, tetapi ia agak terhad ketika datang ke proses penukaran. Walaupun ia mungkin mencukupi untuk menukar logo sederhana yang tersedia sebagai png atau jpg ke svg, hasilnya tidak terlalu bagus sepanjang masa.

Inilah cara saya menilai perkhidmatan: Saya memuat turun logo Ghacks, dan mencuba penukaran pada beberapa dozen penukar SVG. Saya menilai hasilnya, dan membuang perkhidmatan yang tidak memberikan hasil yang baik.

• Aconvert - Perkhidmatan mengambil fail tempatan atau URL sebagai input. Satu-satunya pilihan yang diberikannya adalah mengubah resolusi gambar. Gambar yang dihasilkan kelihatan seperti logo Ghacks, tetapi ukurannya hampir dua kali ganda dari ukuran versi PNG logo.
• Vector Magic - Terdapat sebagai program penukar dalam talian dan desktop untuk Windows. Ia tidak percuma (kos dalam talian $ 7.95 sebulan, edisi desktop pembayaran sekali sebanyak $ 295). Walau bagaimanapun, hasil edisi dalam talian sangat bagus, dan anda mendapat banyak pilihan untuk mengedit atau mengubah tetapan, dan paparan bersebelahan gambar asal dan salinan svg.
• Vectorizer - Perkhidmatan percuma lain. Yang ini dilengkapi dengan penyihir yang anda boleh untuk memilih parameter output terbaik (kabur, warna), atau anda boleh menetapkannya secara langsung. Hasilnya baik dengan beberapa perubahan, dan ukuran gambar yang dihasilkan adalah yang ketiga lebih rendah daripada logo PNG yang asal.

Sihir Vektor

Untuk Windows

Sekarang awak: Ketahui perkhidmatan atau program dalam talian lain untuk menukar gambar ke format SVG?