Pada topik kali ini, saya ingin membahas cara membuat avatar secara otomatis dengan teks inisial. Anda dapat melihat avatar tersebut di aplikasi mobile Gmail. Jika masih belum tahu tentang avatar teks inisial, silakan lihat langsung pada gambar berikut.
Contoh lain, ketika kita membuat suatu aplikasi berbasis web, avatar dari user login akan otomatis menyesuaikan nama user yang sedang login. Seperti gambar berikut.
Di topik kali ini saya akan menggunakan sebuah alat pendukung online, namanya adalah UI Avatars yang bisa diakses di https://ui-avatars.com/. Dengan UI Avatar, kita tinggal inputkan URL nya ke tag <img src="url-nya">. Misalkan nama saya adalah Ali Baba. Maka kita tinggal mengisikan URL https://ui-avatars.com/api/?name=Ali%20Baba di tag img menjadi:
<img src="https://ui-avatars.com/api/?name=Ali%20Baba">
Berikut hasilnya setelah dicoba.
0 Komentar