√ Cara Melihat Kode XML SVG Adobe Illustrator Untuk Pemula

Kali ini saya akan memberikan trik sederhana untuk Melihat Kode XML SVG Adobe Illustrator Terbaru. Dengan adanya tutorial singkat ini diharapkan anda dapat dengan mudah melihat xml dari svg yang mungkin anda buat.

Melihat Kode XML SVG Adobe Illustrator

Buka tautan dibawah jika anda belum paham apa itu file SVG baik fungsi, cara buka, dan perbedaan dengan jpg/png.

Baca Juga: Apa itu file SVG? Perbedaan dengan JPG/PNG, Keunggulan, dan Fungsinya.

Seperti yang sudah saya jelaskan bahwa kebutuhan format SVG masih tinggi mengingat keunggulan yang ditawarkan. Kita tahu bahwa meski berbentuk gambar, nyatanya svg dibuat dengan Vektor bukan Pixel, makanya SVG tidak meski di perbesar berkali-kali.

Nah disamping itu, ukuran file dari gamber berformat SVG lebih kecil, sehingga sering digunakan sebagai aset Website. Hal ini sangat berpengaruh untuk kecepatan memuat halaman website. Akibatnya secara tidak langsung ini juga mempengaruhi kualitas SEO dari sebuah situs web.

Baiklah dibawah ini saya berikan tutorialnya secara singkat untuk Melihat Kode XML SVG Adobe Illustrator lengkap dengan gambar contoh. 

Cara Melihat Kode XML SVG Adobe Illustrator untuk Pemula


Sesuai judul tulisan ini, anda perlu menyiapkan aplikasi Adobe Illustrator, CC berapa pun itu. Cara ini sangat mudah untuk pemula sekalipun.

  1. Buka Adobe Illustratornya atau File projectnya langsung.
    buka project illustrator

  2. Ketiga klik menu File > Export > Export As..
    export gambar svg

  3. Lalu atur nama dan ekstensi .SVG.
    export gambar format svg

  4. Klik Show Code.
    menu show code illustrator

  5. Dan Copy Code nya.
    xml code di illustrator

  6. Pindahkan ke Text Editor biar rapi.
    Contoh xml dari gambar svg


Nah sekarang anda bisa dengan mudah mengetahui Kode XML SVG di Illustrator. Selanjutnya kode tersebut bisa di salin kemudian pindahkan ke berbagai Text Editor agar rapi seperti diatas.

Dengan adanya kode XML dari SVG ini, anda dapat secara langsung menerapkan gambar kedalam barisan kode website anda. Jadi tidak perlu repot mengupload ke direktori hosting, terlebih lagi anda bisa mengedit warna secara realtime.

Penutup

Sekian pembahasan mengenai Cara Sederhana untuk Melihat Kode XML SVG Adobe Illustrator, semoga dapat membantu anda semua. Terimakasih.

Posting Komentar (0)
Lebih baru Lebih lama