Glide: apa itu, pustaka gambar dan penerapan di Android

Apa itu Glide?

Glide — adalah pustaka untuk memuat gambar, GIF animasi, dan bingkai video dengan cepat dan efisien di aplikasi Android. Proyek ini dikembangkan oleh Bumptech di bawah naungan Google dan digunakan secara luas di aplikasi resmi Google.

Arsitektur internal Glide dibangun di atas pendekatan komponen: Engine mengelola eksekusi permintaan, DecodeJob bertanggung jawab untuk decoding, dan ResourceDecoder mengubah data mentah menjadi Bitmap atau Drawable. Setiap tahap dapat disesuaikan melalui modul dan registri, menjadikan Glide pustaka yang sangat fleksibel untuk format gambar non-standar.

Tidak seperti banyak pesaing, Glide sejak awal dirancang dengan mempertimbangkan kekhasan Android: siklus hidup Activity dan Fragment, rotasi layar, perubahan konfigurasi. Pustaka secara otomatis menjeda dan melanjutkan pemuatan tergantung pada status komponen.

Menurut Android Developers, Glide adalah pustaka yang direkomendasikan untuk memuat gambar di dokumentasi resmi Google. Ini digunakan di aplikasi Google Play, Google Maps, dan produk perusahaan lainnya, yang menegaskan keandalan dan kinerjanya.

Perbedaan utama Glide dari pesaing — skala otomatis gambar ke ukuran ImageView. Jika Picasso memuat gambar dalam resolusi penuh dan kemudian menskalakannya, Glide mendekode file langsung dalam ukuran yang diperlukan. Ini mengurangi konsumsi memori puncak dan mempercepat tampilan di daftar dengan ukuran sel yang berbeda.

Fitur utama Glide

Glide menyediakan serangkaian fungsi yang luas untuk bekerja dengan gambar, mencakup skenario pemuatan konten sederhana maupun kompleks.

Dukungan GIF dan WebP animasi

GIF dan WebP animasi dimuat dan ditampilkan oleh Glide semudah gambar statis. Pustaka secara otomatis mendeteksi format berdasarkan tipe MIME dan mendekode animasi, menampilkan bingkai di thread latar belakang. Untuk mengelola pemutaran, tersedia metode asGif dan asBitmap.

Integrasi dengan siklus hidup

Glide secara otomatis terikat pada siklus hidup Activity, Fragment, dan View. Saat Activity dijeda, pemuatan dihentikan, saat dihancurkan — dibatalkan. Ini mencegah kebocoran memori dan pemuatan gambar untuk layar yang sudah ditutup. Integrasi bekerja melalui dukungan LifecycleOwner.

Memuat bingkai video

Glide dapat mengekstrak bingkai dari video berdasarkan URL atau jalur lokal. Untuk ini, metode asBitmap() digunakan dalam kombinasi dengan load() untuk URI video. Glide secara otomatis memilih bingkai kunci atau bingkai berdasarkan cap waktu yang ditentukan. Ini berguna untuk menampilkan pratinjau video.

Pembuatan dan konfigurasi GlideApp

GlideApp — adalah kelas yang dihasilkan yang menyediakan API yang diperluas berdasarkan konfigurasi AppGlideModule. Dengan bantuannya, metode yang tidak tersedia di Glide.with standar dapat digunakan: pemuatan dengan opsi default kustom, integrasi dengan pustaka, dan transformasi yang telah ditentukan. Untuk pembuatan, diperlukan anotasi @GlideModule di kelas yang mewarisi AppGlideModule.

Bagaimana cara kerja Glide?

Glide menggunakan arsitektur bertingkat dengan mesin, decoder, transformasi, dan cache. Setiap permintaan melewati rantai penangan yang mengoptimalkan pemuatan untuk ImageView tertentu.

Arsitektur dan pipeline

Saat memanggil into(view), Glide memeriksa cache: sumber daya aktif, cache di memori RAM, cache disk, dan baru kemudian jaringan. Gambar secara otomatis diskalakan ke ukuran ImageView target dengan mempertimbangkan kerapatan layar dan scaleType. Ini mengurangi penggunaan memori — keuntungan utama Glide.

Glide.with(context)
    .load("https://example.com/image.jpg")
    .placeholder(R.drawable.loading)
    .error(R.drawable.error)
    .override(400, 300)
    .centerCrop()
    .into(imageView)

Instalasi dan konfigurasi Glide

Instalasi Glide dilakukan melalui Gradle. Pustaka memerlukan konfigurasi melalui AppGlideModule untuk menghasilkan API. Versi minimum Android API — 21.

Menambahkan dependensi

Di build.gradle tambahkan Glide dengan pemroses anotasi kapt untuk menghasilkan API GlideApp. Untuk Kotlin gunakan kapt sebagai pengganti annotationProcessor. Versi Glide 4.16+ bekerja stabil dengan Android Gradle Plugin 8.x.

dependencies {
    implementation "com.github.bumptech.glide:glide:4.16.0"
    annotationProcessor "com.github.bumptech.glide:compiler:4.16.0"
}

// Untuk Kotlin gunakan kapt
// kapt "com.github.bumptech.glide:compiler:4.16.0"

Membuat AppGlideModule

AppGlideModule — komponen wajib untuk mengonfigurasi Glide. Ini memungkinkan mengatur ukuran cache, HttpStack kustom, dan mendaftarkan decoder sendiri. Modul dipindai oleh Glide saat aplikasi dimulai. Anotasi @GlideModule mendaftarkannya secara otomatis.

@GlideModule
public class MyGlideModule extends AppGlideModule {
    @Override
    public void applyOptions(Context context, GlideBuilder builder) {
        int diskCacheSize = 250 * 1024 * 1024;
        builder.setDiskCache(
            new DiskLruCacheFactory(cacheDir.getPath(), diskCacheSize)
        );
    }
}

Contoh penggunaan Glide

Contoh di bawah menunjukkan skenario tipikal: memuat gambar, bekerja dengan GIF, dan mengekstrak bingkai video.

Memuat gambar dengan placeholder

Pemuatan dasar melalui Glide.with().load().into() — kode minimal untuk menampilkan gambar dari jaringan. Glide secara otomatis menyesuaikan ukuran ImageView. Placeholder ditampilkan selama pemuatan, dan error — saat terjadi kesalahan.

Glide.with(fragment)
    .load("https://example.com/photo.jpg")
    .placeholder(R.drawable.placeholder)
    .error(R.drawable.error)
    .skipMemoryCache(true)
    .diskCacheStrategy(DiskCacheStrategy.NONE)
    .into(imageView)

Memuat gambar GIF

GIF dimuat seperti gambar statis — Glide secara otomatis mendeteksi format berdasarkan tipe konten. Untuk pemuatan paksa sebagai gambar statis gunakan asBitmap(), untuk GIF — asGif(). Glide mendekode hanya bingkai yang terlihat secara efisien.

Glide.with(context)
    .asGif()
    .load("https://example.com/animation.gif")
    .into(imageView)

// Muat bingkai pertama GIF sebagai gambar statis
Glide.with(context)
    .asBitmap()
    .load("https://example.com/animation.gif")
    .into(imageView)

Memuat bingkai video

Bingkai video diekstrak oleh Glide berdasarkan URI video lokal atau jarak jauh. Secara default, Glide memuat bingkai kunci. Untuk menentukan cap waktu tertentu, digunakan frameMillis. Ini berguna untuk menampilkan pratinjau di galeri video.

String videoUrl = "https://example.com/video.mp4";

Glide.with(context)
    .asBitmap()
    .load(videoUrl)
    .override(200, 200)
    .into(imageView)

Optimasi Glide untuk daftar besar

Optimasi Glide untuk RecyclerView — keterampilan penting saat mengembangkan aplikasi dengan banyak gambar. Konfigurasi yang tepat mencegah lag dan kesalahan OOM.

Salah satu fitur utama Glide — integrasi dengan RecyclerView melalui RecyclerViewPreloader. Komponen ini menganalisis kecepatan gulir dan arah gerakan, memuat sebelumnya gambar yang akan muncul di layar beberapa elemen kemudian. Untuk bekerja dengan pemuat awal, perlu mengimplementasikan antarmuka PreloadSizeProvider dan meneruskannya ke konstruktor bersama dengan ImageView target.

Penggunaan metode override() dengan ukuran ImageView yang tepat secara signifikan mempercepat pemuatan. Ketika Glide mengetahui ukuran target yang tepat, ia dapat mendekode gambar langsung dalam resolusi yang diperlukan, melewati tahap penskalaan. Ini memperpendek waktu decoding dan mengurangi konsumsi memori puncak sebesar 30–40%.

Untuk feed dengan konten heterogen gunakan RequestOptions yang berbeda untuk setiap tipe elemen. Misalnya, untuk gambar banner besar dapat diatur override(1200, 600) dan kualitas RGB_565, sedangkan untuk avatar — override(200, 200) dan pembulatan melalui transform. Pendekatan ini memungkinkan penggunaan sumber daya secara optimal untuk setiap tipe konten.

Penanganan kesalahan pemuatan

Glide menyediakan kemampuan yang fleksibel untuk menangani kesalahan melalui gambar error dan RequestListener kustom. RequestListener memungkinkan bereaksi terhadap pemuatan berhasil atau kesalahan, mencatat kegagalan, atau mengirim analitik. Juga dapat dikonfigurasi fallback — gambar yang ditampilkan ketika load() menerima null sebagai pengganti tautan.

Gunakan RecyclerViewPreloader untuk memuat gambar sebelumnya sebelum pengguna menggulir ke sana. Glide mendukung integrasi dengan RecyclerView melalui pemuat awal yang menganalisis kecepatan gulir dan memuat gambar terlebih dahulu.

Penggandaan thumbnail memungkinkan menampilkan versi kecil gambar terlebih dahulu, lalu memuat gambar penuh. Panggilan thumbnail(0.25f) memuat versi 25% ukuran, yang segera ditampilkan, sementara gambar ukuran penuh dimuat nanti. Ini menciptakan kesan pemuatan instan.

Untuk adaptor daftar gunakan .override() dengan ukuran ImageView yang tepat agar Glide tidak menskala gambar setiap kali. Ini mengurangi beban CPU dan konsumsi memori. Ukuran cache dipilih secara eksperimental, tetapi 250 MB untuk disk dan 20% dari memori yang tersedia adalah titik awal yang baik.