SVG adalah singkatan dari Scalable Vector Graphics yaitu suatu format gambar yang menggunakan XML sebagai dasar untuk membuat gambar 2 dimensi. Penggunaan gambar dengan format svg pada sebuah website telah direkomendasikan oleh W3C sejak lama, karena SVG memiliki banyak manfaat bagi sebuah situs diantaranya, ukuran file SVG lebih kecil daripada JPG atau PNG yang berarti proses perenderan atau loading sebuah website semakin cepat. Selain itu, karena gambar dengan format SVG dibuat dalam bentuk file XML maka tentu dapat di index mesin pencari, ditulis dengan bahasa pemograman web atau dikompres serta dapat dibuat dan disunting dengan aplikasi teks editor apa saja. Bahkan sejumlah peramban web populer seperti Mozilla Firefox, Internet Explorer, Google Chrome, Opera, dan Safari sudah mulai mendukung penggunaan gambar dengan format SVG.
SVG yang merupakan kode XML tentu bisa dimodifikasi dengan fleksibel menggunakan CSS, JavaScript dan jQuery. Serta tidak memerlukan HTTP request, jadi kode bisa langsung diletakkan pada sebuah file HTML atau pada bagian halaman website.
SVG yang merupakan kode XML tentu bisa dimodifikasi dengan fleksibel menggunakan CSS, JavaScript dan jQuery. Serta tidak memerlukan HTTP request, jadi kode bisa langsung diletakkan pada sebuah file HTML atau pada bagian halaman website.
Sebagai contoh penulisan kode format gambar SVG
<?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD svg 20000303 Stylable//EN" "http://www.w3.org/TR/2000/03/WD-SVG-20000303/DTD/svg-20000303 stylable.dtd">
<svg width="100px" height="50px">
<text style="fill:red" x ="10" y="20">Hello World !</text>
</svg>
Selain itu, beberapa tambahan penting tentang SVG dan keuntungan lain penggunaan SVG dibanding format gambar yang lain, misalnya seperti JPEG, PNG dan GIF antara lain:
- File sumber SVG berukuran lebih kecil dan dapat dikompresi dibanding dengan format gambar JPEG dan GIF
- Gambar dalam format SVG bersifat scalable/diresizing. SVG dapat menghasilkan grafik yang tidak mengurangi kualitas gambar apabila di zoomin maupun resizing.
- Gambar dalam format SVG dapat dicetak dengan kualitas yang tinggi dan sama baiknya pada berbagai resolusi
- Gambar dalam format SVG bersifat zoomable. Setiap bagian dari gambar dapat di zoom tanpa degradasi mutu Text dalam SVG “selectable” dan “searchable” (sangat berguna dalam peta)
- SVG dapat bekerja dengan Teknologi Java SVG merupakan “open standard” SVG merupakan murni XML
- Elemen dan attribut dalam SVG dapat di beri nama.
- SVG terintegrasi dengan standar W3C lainnya misalnya DOM dan XSL