Kelebihan SVG
Apabila anda membina sebuah laman web dan menambah imej ke laman web itu, satu jika perkara yang paling penting yang anda mesti menentukan adalah format fail yang digunakan oleh orang yang betul. Bergantung pada grafik, satu format mungkin lebih baik daripada yang lain.
Banyak pereka web yang selesa dengan format fail JPG, dan format ini sesuai untuk imej yang mempunyai kedalaman warna yang mendalam, seperti gambar. Walaupun format ini juga berfungsi untuk grafik mudah, seperti ikon yang digambarkan, ia bukan format terbaik untuk digunakan dalam contoh itu. Bagi mereka, SVG akan menjadi pilihan yang lebih baik. Mari kita lihat dengan tepat mengapa:
SVG Adakah Teknologi Vektor
Ini bermakna ia bukan teknologi raster. Imej vektor adalah kombinasi garis yang dibuat menggunakan matematik. Fail raster menggunakan piksel atau kotak kecil warna. Inilah salah satu sebab SVG adalah berskala dan sempurna untuk laman web yang responsif yang harus skala berserta dengan saiz skrin peranti. Oleh kerana grafik vektor wujud dalam dunia matematik, untuk mengubah saiz, anda hanya menukar nombor. Fail raster sering memerlukan baik pulih yang penting ketika datang ke ukuran. Apabila anda ingin mengezum pada imej vektor, tidak ada penyelewengan kerana sistem itu adalah mathematic dan penyemak imbas hanya mengira semula matematik itu dan menjadikan garis itu lancar seperti biasa. Apabila anda mengezum pada imej raster, anda kehilangan kualiti imej dan fail mula menjadi kabur ketika anda mula melihat warna-warna pixel tersebut. Matlamat mengembang dan kontrak, piksel tidak. Jika anda mahu imej anda menjadi bebas, SVG akan memberi anda keupayaan itu.
SVG Adakah Berasaskan Teks
Apabila anda menggunakan editor grafik untuk menghasilkan imej, program ini mengambil gambar karya seni anda yang lengkap. SVG berfungsi dengan berbeza. Anda masih boleh menggunakan beberapa program perisian dan berasa seperti anda sedang melukis gambar, tetapi produk akhir adalah koleksi garisan vektor atau kata-kata (yang benar-benar hanya vektor onb halaman). Enjin carian melihat kata-kata, khususnya kata kunci. Jika anda memuat naik JPG , anda membataskan diri anda ke tajuk grafik anda dan mungkin frasa teks alt . Dengan pengekodan SVG, anda mengembangkan kemungkinan dan membuat imej yang lebih mesra enjin carian.
SVG Adakah XML dan Bekerja Dalam Format Bahasa Lain
Ini kembali kepada kod berasaskan teks. Anda boleh membuat imej asas anda dalam SVG dan menggunakan CSS untuk menggilapnya. Ya, anda boleh mempunyai imej yang sebenarnya merupakan fail SVG, tetapi anda juga boleh mengodkan SVG terus ke halaman dan mengeditnya di masa depan. Anda boleh mengubahnya dengan CSS dengan cara yang sama anda akan mengubah teks halaman, dan lain-lain. Ini sangat kuat dan ia memudahkan penyuntingan.
SVG Mudah Diedit
Ini mungkin kelebihan terbesar. Apabila anda mengambil gambar segi empat, itu adalah apa yang berlaku. Untuk membuat perubahan, anda perlu menetapkan semula tempat kejadian dan mengambil gambar baru. Sebelum anda tahu, anda mempunyai 40 imej segi empat dan masih tidak cukup tepat. Dengan SVG, jika anda membuat kesilapan, ubah koordinat atau perkataan dalam editor teks, dan anda sudah selesai. Saya boleh mengaitkan ini kerana saya menarik bulatan SVG yang tidak diletakkan dengan betul. Apa yang saya perlu lakukan ialah menyesuaikan koordinat.
Imej JPG Boleh Berat
Jika anda ingin imej anda berkembang dalam saiz fizikal, ia juga akan berkembang dalam saiz fail. Dengan SVG, paun masih satu paun tidak kira berapa besar anda membuatnya. Satu persegi yang lebar 2 inci akan menimbang sama seperti satu persegi yang lebar 100 inci. Saiz fail tidak berubah, yang sangat baik dari segi prestasi halaman!
Jadi yang lebih baik?
Jadi apakah format yang lebih baik - SVG atau JPG? Itu bergantung kepada imej itu sendiri. Ini seperti bertanya "apa yang lebih baik, tukul atau pemutar skru?" Ia bergantung kepada apa yang anda perlu capai! Begitu juga dengan format imej ini. Jika anda perlu memaparkan foto, maka JPG adalah pilihan terbaik untuk anda. Jika anda menambah ikon, maka SVG mungkin pilihan yang lebih baik. Anda boleh mengetahui lebih lanjut mengenai bila sesuai untuk menggunakan fail SVG di sini .
Artikel asal oleh Jennifer Krynin. Disunting oleh Jeremy Girard pada 6/6/17