Dalam beberapa waktu ini SVG semakin sering digunakan pada berbagai website baru. Sebenarnya SVG ini sudah lama, tetapi booming baru-baru ini.
Saya akan menjelaskan dari dasar apa itu SVG dan cara pakainya dalam dunia desain web.
Apa itu SVG?
SVG mempunyai kepanjanganScaleable Vector Graphics. Ya dengan melihat arti dari kata pertamanya saja kita bisa melihat keunggulan dari SVG ini. Scaleable : bisa diubah ukurannya, yang sekarang makin tren digunakan padaresponsive web design.
Format SVG merupakan format gambar yang mempunyai dasar XML yang khusus digunakan untuk gambar 2D
W3C mengembangkan SVG ini dari tahun 1999, sudah lama sekali bukan?
Kenapa Memakai SVG?
Tentunya perlu alasan untuk pindah dari penggunaan format gambar yang sudah umum seperti JPEG atau PNG, kemudian beralih ke SVG. Berikut beberapa alasan yang bisa dipertimbangkan:
- Ukuran file SVG biasanya lebih kecil daripada JPG atau PNG, yang artinya website semakin cepat prosesload-nya dan semakin sedikit makan tempat di server.
- Gambar yang menggunakan format SVG bisa diubah ukuran gambarnya dengan kualitas tampilan yang sama.
- Dalam penggunaannya diresponsive web design, kita hanya menyediakan satu gambar saja.
- Cocok digunakan pada desain website yang menggunakan temaflat, yang lagi trend sekarang.
- SVG yang merupakan XML code, bisa dimodifikasi dengan fleksibel dengan menggunakan CSS atau JavaScript.
- SVG tidak memerlukan HTTP request; jadi code langsung diletakkan pada bagian website dan langsung dipanggil.
Banyak bukan alasan kita menggunakan SVG. Silahkan disimak contoh berikut ini.
Dari Ilustrator ke Website
BACA SELENGKAPNYA DI http://www.kwikku.com/adhymusaad/post/1261348
No comments:
Post a Comment