Our blog

Mengenal apa itu SVG

 

Latest Blog's

Mengenal apa itu SVG

HTML     2 weeks ago


Scalable Vector Graphics (SVG)

Scalable Vector Graphics merupakan format gambar yang telah di kembangkan oleh World Web Consurtium (W3C). SVG merupakan format gambar yang menggunakan XML (eXtensible Markup Language) untuk membentuk gambar vektor. dalam hal penggunaanya SVG hanya dapat menampilkan gambar 2 dimensi baik itu text ataupun gambar.

Dalam hal tampilan, SVG tidak kalah dengan format gambar lainya. format SVG dapat menampilkan warna sRGB ataupun CMYK hanya saja penggunaan format gambar ini hanya dapat di gunakan pada ruang kerja HTML saja. oleh karena itu apabila kita membuka file SVG pada sistem komputer tidak akan tampil sebagai mana gambar pada umumnya. file dengan format SVG hanya dapat di baca dan di ubah dengan menggunakan text editor atau dapat di buka dengan menggunakan browser. 

Penggunaan SVG pada kontent website sangat diuntungkan dengan ukuranya yang sangat kecil di bandingkan dengan format gambar biasa yang bisa melampaui ukuran SVG. dengan keuntungan ini maka durasi muat website pada browser akan lebih singkat dan cepat. selain itu format gambar SVG dapat di ubah - ubah tanpa mengurangi kualitas dari gambar tersebut. pada umumnya penggunaan SVG di gunakan dalam pembuatan peta pada website, karna sifatnya yang mudah di perbesar tanpa mengurangi kualitas gambar SVG itu sendiri.

Hingga saat ini gambar dengan format SVG dapat di buat dengan menggunakan software seperti Adobe Illustrator, Corel Draw dll. hal ini mempermudah developer website untuk membuat suatu gambar dengan format SVG tanpa harus membuat kode dan object grafis.

Berikut adalah contoh script html berisikan text ber format SVG.




<svg width="100" height="100">
   <circle cx="50" cy="50" r="40" stroke="black" stroke-width="1" fill="red" />
   Sorry, your browser does not support SVG.
</svg> 


SEARCH OUR ARTICLES
Card image cap
AUTHOR: Randy

True Artisan, Creative Mind. Visualize ideas into a view that is easy to understand and pleasing to the eye.


See our project | Meet our team

Want to hire me or my team? Email here:
wisnu@tipa.co.id

Another article