Cara Mengganti PNG ke Android VectorDrawable XML Resource


Android VectorDrawable memungkinkan untuk mengganti beberapa asset PNG dengan VectorDrawable yang berextensi XML.
Satu VectorDrawable XML, bisa untuk semua screen density seperti ldpi, mdpi, hdpi, mdpi, xhdpi, xxhdpi, xxxhdpi.

Convert PNG to Android VectorDrawable XML

Sehingga tidak perlu membuat banyak PNG dengan berbagai ukuran untuk menyesuaikan layar.
VectorDrawable mampu mengurangi ukuran atau size image/icon dan mendukung diberbagai resolusi layar Android.



Banyak dari kita masih menggunakan file gambar dengan format .png dengan berbagai density mulai ldpi, mdpi, hdpi, xhdpi, sampai xxxhdpi.
Kalau kita memerlukan sedikit gambar mungkin tidak masalah, tetapi jika membutuhkan belasan sampai puluhan gambar di projek maka akan sangat merepotkan untuk bisa menyediakan gambar .png pada semua densitas yang ada.
Namun kita sebagai pengembang patut bersyukur karena Google mengenalkan VectorDrawable pada Android 5.0 (API Level 21) Lollipop.


Yang akan kita lakukan dalam tutorial kali ini adalah Convert dari file.png menjadi file.svg, kemudian dari file.svg menjadi file.xml VectorDrawable.
Lalu Apa sih SVG dan VectorDrawable itu ? Yuuk, kenalan dulu...!!



Scalable Vector Graphics (SVG) adalah format gambar vektor berformat .svg yang berbasis XML untuk grafis dua dimensi. Contohnya seperti gambar kartun.
SVG merupakan standar terbuka yang dikembangkan oleh World Wide Web Consortium (W3C) sejak tahun 1999.



Sedangkan VectorDrawable adalah sebuah file berformat .xml yang merepresentasikan sebuah gambar dalam format vector.
Kita tidak perlu memikirkan ukuran dalam piksel ataupun densitas dari gambar tersebut. Ukurannya akan menyesuaikan device yang digunakan.



MyKodeTutorial.Com telah menyediakan 2 converter untuk tutorial kali ini, yuukk belajar...!!
Ikuti langkah-langkah berikut ini untuk Cara Mengganti PNG ke Android VectorDrawable XML Resource :



1. Convert PNG ke SVG

    Berikut langkah-langkah Convert PNG ke SVG :
  • Kunjungi PNG to SVG Converter Online untuk mengubah file gambar berformat .png menjadi file berformat .svg
  • Unggah file gambar .png dengan mengklik icon no.1 kemudian simpan dengan mengklik icon no.3
  • Icon no.4 untuk mengatur jumlah warna, ubah 2 colors untuk hitam putih atau sesuaikan sendiri.
  • Jika ingin mengulang kembali atau convert png yang baru gunakan icon no.2
  • Jangan lupa tinggalkan jejak komentar disana heeee :)

PNG to SVG Converter Online



2. Convert SVG ke VectorDrawable

    Berikut langkah-langkah Convert SVG ke VectorDrawable :
  • Kunjungi SVG to Android VectorDrawable Converter untuk mengubah file berformat .svg menjadi file berformat .xml
  • Drop (seret taruh dikotak) atau klik kotak untuk memilih file .svg
  • Klik tombol Download langsung untuk menyimpan mykodetutorial.xml atau tombol Pilih Semua untuk copy text yang ada di kotak, kemudian buat file xml baru dan pastekan. lalu taruh file xml di folder res/drawable.
  • Sekali lagi Jangan lupa tinggalkan jejak komentar disana juga heeee :)

SVG to Android VectorDrawable Converter



3. Apa Saja Keuntungan dan Kelebihan dari PNG dan VectorDrawable?

    Kelebihan Gambar VectorDrawable
  • Bersifat scalable, artinya kita bisa memperbesar atau memperkecil gambar tanpa mengurangi kualitas gambar.
  • Mempunyai Ukuran file yang kecil.
  • Memiliki warna-warna yang solid, cocok untuk gambar sederhana, seperti logo, kartun, dan sebagainya.
  • Meminimalisir ukuran size aplikasi android apk.
  • Mengurangi jumlah file gambar yang banyak.
  • Kekurangan Gambar vectorDrawable
  • Kurang bisa menampilkan gambar dan gradasi secara realitis atau natural.

  • Kelebihan gambar bitmap dan PNG
  • Mampu menangkap nuansa warna, bentuk yang natural, dan realistis.
  • Kekurangan gambar bitmap dan PNG
  • Perubahan ukuran gambar (pembesaran dan pengecilan) mempengaruhi kualitas gambar.
  • Ukuran file gambar relatif besar.
  • Melakukan kompresi (pemadatan) pada gambar, maka kualitasnya gambar tersebut akan menurun.
  • Membuat ukuran size aplikasi android apk lebih besar.



Demikian tutorial Cara Mengganti PNG ke Android VectorDrawable XML Resource yang dapat kami berikan, semoga bermanfaat.

Sebarkan..!!

Uyeeee..!!

Artikel Terkait

Cara Mengganti PNG ke Android VectorDrawable XML Resource
4/ 5
Oleh

Berlangganan

Suka dengan artikel di atas? Silakan berlangganan gratis via email

6 komentar

25 February 2017 at 11:52 delete This comment has been removed by the author.
avatar
25 February 2017 at 11:54 delete

artikelnya bagus kak,
ini referensi darimana ya nulisnya ?

Saya juga punya blog pengetahuan-listrik.blogspot.com

Reply
avatar