Membuat Logo SVG Pada Halaman Website

Hallo teman-teman pada kesempatan kali ini saya akan mengajarkan bagaimana caranya membuat sebuah logo berformat SVG pada halaman website kalian. SVG (Scalable Vector Graphics) adalah sebuah format gambar berbentuk vector yang dimana ketika kita perbesar gambar tersebut maka gambar tersebut tidak akan pecah, beda dengan gambar yang berformat JPG, jika gambar berformat JPG kita perbesar maka gambar tersebut akan pecah.

Nah kali ini saya akan menggunakan bantuan Adobe Illustrator untuk membuat logo SVG ini, jadi ada baiknya kalian memahami dasarnya terlebih dahulu bagaimana caranya menggunakan Adobe Illustrator. Baiklah kita akan langsung praktekkan saja ya teman-teman.

Pertama kalian bisa siapkan terlebih dahulu sebuah logo dengan format JPG atau PNG, kemudian kalian bisa buka Adobe Illustratornya. Dan buka gambar tersebut di lembar kerja Adobe Illustrator seperti gambar dibawah ini.

Kemudian selanjutnya kalian bisa hilangkan terlebih dahulu background atau warna dasar dari logo tersebut, jadi nanti logo tersebut tidak ada background colornya atau warna dasarnya seperti gambar dibawah ini.

Selanjutnya kalian bisa pilih menu file dan pilih save as dan save as type nya kalian bisa pilih format SVG.

Kemudian pada panel SVG Options nya kalian bisa pilih pada bagian fonts, dengan type nya kalian pilih SVG, seperti gambar berikut.

Pilih SVG code dan copy semua code yang ada didalamnya ke dalam file HTML kalian.

Dan hasilnya seperti gambar dibawah ini.

Nah begitulah cara membuat sebuah Logo berformat SVG untuk halaman website kalian. Sekian dulu artikel dari saya, semoga bermanfaat untuk teman-teman. Terima Kasih.