Format imej tradisional seperti JPG, PNG atau GIF sangat popular, tetapi mereka mempunyai kelemahan yang menjadikan penggunaannya kurang ideal untuk aplikasi tertentu.
Jika anda membuat laman web responsif misalnya, anda mahu imej yang kelihatan baik tanpa mengira lebar dan ketinggian yang dipaparkan. Imej tradisional kelihatan buruk apabila anda membesarkannya terlalu banyak misalnya.
Anda mungkin perlu memaparkan imej dalam saiz yang berbeza juga, misalnya sebagai lakaran kecil pada halaman indeks blog, dan sebagai imej resolusi penuh dalam artikel yang dipautkan.
Walaupun anda boleh membuat versi yang berbeza dari satu imej supaya yang paling sesuai dipilih, ini bermakna anda memerlukan lebih banyak storan untuk itu antara lain.
Format imej SVG adalah format vektor. Ini bermakna saiznya boleh dikurangkan atau meningkat tanpa kehilangan kualiti (berskala). Itu bagus jika anda perlu memaparkan imej di pelbagai tempat menggunakan resolusi yang berbeza.
Kelebihan lain dari SVG ialah saiznya biasanya lebih kecil, dan ia memberi webmaster beberapa fleksibiliti ketika datang untuk membuat perubahan kepadanya karena beberapa dapat dilakukan di CSS secara langsung.
Contohnya: Terence Eden mencipta semula logo syarikat Internet popular seperti Twitter, Amazon, WhatsApp, YouTube atau Reddit di SVG. Saiz logo dikurangkan kepada kurang dari 1 Kilobyte, kadang-kadang serendah 200 bait. Logo Twitter dalam format PNG misalnya mempunyai saiz 20 Kilobytes, versi SVG mempunyai saiz 397 bait.
SVG adalah format yang baik untuk logo dan ikon, tetapi tidak benar-benar sesuai ketika datang ke foto dan jenis imej lain yang menunjukkan banyak objek yang berbeda.
Menukar ke SVG
Panduan ini menumpukan pada aplikasi yang anda boleh gunakan untuk menukar imej ke SVG secara langsung. Ini bukan tutorial tentang penggunaan aplikasi yang direka untuk membuat grafik vektor dari awal. Anda boleh menggunakan editor grafik vektor seperti Adobe Illustrator (pautan kami ke dasar Adobe masih berdiri), Inkscape, atau LibreOffice Draw untuk itu.
Banyak penukar percuma boleh didapati yang boleh anda lari dalam talian, tetapi ia agak terhad apabila ia berkaitan dengan proses penukaran. Walaupun mereka mungkin mencukupi untuk menukarkan logo mudah yang tersedia sebagai png atau jpg ke svg, hasilnya tidak terlalu baik pada kebanyakan masa.
Berikut adalah cara saya menilai perkhidmatan: Saya memuat turun logo Ghacks, dan cuba penukaran pada beberapa penukar SVG sedozen. Saya menilai hasilnya, dan membuang sebarang perkhidmatan yang tidak memberikan hasil yang baik.
- Aconvert - Perkhidmatan ini mengambil fail tempatan atau URL sebagai input. Satu-satunya pilihan yang disediakan adalah mengubah resolusi imej. Imej yang dihasilkan kelihatan seperti logo Ghacks, tetapi saiznya hampir dua kali ganda saiz versi PNG logo.
- Vector Magic - Boleh didapati sebagai penukar dalam talian dan program desktop untuk Windows. Ia tidak bebas tetapi (kos dalam talian $ 7.95 sebulan, edisi desktop pembayaran satu kali sebanyak $ 295). Keputusan edisi dalam talian adalah sangat baik, dan anda mendapat banyak pilihan untuk mengedit atau memodifikasi tetapan, dan paparan sisi sebelah gambar asli dan salinan svg.
- Vectorizer - Satu lagi perkhidmatan percuma. Yang ini datang dengan wizard yang anda boleh untuk memilih parameter keluaran terbaik (kabur, warna), atau anda boleh menetapkannya secara langsung. Hasilnya baik dengan beberapa tweaker, dan ukuran gambar yang dihasilkan adalah yang ketiga kurang dari logo PNG asli.
Sekarang Anda: Ketahui perkhidmatan atau program dalam talian lain untuk menukar imej ke format SVG?
