Screen Density: esensi, kepadatan piksel di Android

Apa itu Screen Density?

Screen Density (kepadatan layar) — jumlah piksel fisik per inci layar (ppi — pixels per inch, atau dpi — dots per inch). Android menggunakan konsep Density Buckets — kelompok layar dengan kepadatan serupa yang menerapkan faktor penskalaan yang sama. Berbeda dengan resolusi (jumlah piksel dalam lebar dan tinggi), kepadatan menentukan ukuran fisik piksel pada layar. Menurut Google Pixel Team (2025), kepadatan flagship modern adalah 450-550 ppi, yang sesuai dengan bucket xxhdpi-xxxhdpi.

Sejarah dan evolusi Density Buckets

Sistem Density Buckets muncul di Android 1.6 Donut (2009) dengan perangkat pertama pada 160 dpi (mdpi). Seiring meningkatnya resolusi layar, bucket baru ditambahkan: hdpi (Android 1.6), xhdpi (Android 2.3), xxhdpi (Android 4.1), xxxhdpi (Android 4.4). Setiap bucket baru mencerminkan peningkatan kepadatan 1.5 atau 2 kali lipat dari sebelumnya. Menurut Android Open Source Project (2025), saat ini 96% perangkat Android aktif memiliki kepadatan dari hdpi hingga xxxhdpi.

Density Buckets: mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi

Density Buckets — rentang kepadatan yang ditentukan oleh Google untuk mengelompokkan layar Android. Bucket dasar — mdpi (160 dpi). Faktor skala (scale factor) menunjukkan berapa kali sumber daya untuk bucket tertentu lebih besar daripada mdpi. Misalnya, xhdpi (2×) berarti gambar harus 2 kali lebih lebar dan tinggi dari versi mdpi-nya. Menurut Android Studio Resource Manager (2025), xxhdpi adalah bucket paling umum di antara perangkat aktif (38% pasar), diikuti oleh xhdpi (28%).

Kepadatan piksel vs resolusi layar: apa bedanya

Resolusi layar — jumlah total piksel dalam lebar dan tinggi (misalnya 1080×2400). Kepadatan layar — jumlah piksel per inci. Dua perangkat dengan resolusi sama dapat memiliki kepadatan berbeda jika ukuran fisik layar berbeda. Misalnya, ponsel 6 inci dengan resolusi 1080×2400 memiliki kepadatan sekitar 440 dpi (xxhdpi), sedangkan ponsel 5 inci dengan resolusi yang sama — sekitar 530 dpi (xxxhdpi). Ini perbedaan utama: antarmuka harus beradaptasi dengan kepadatan, bukan resolusi, jika tidak elemen akan terlalu kecil pada perangkat dengan kepadatan tinggi.

Kualifikasi sumber daya kepadatan di Android

Android menggunakan qualifiers dalam nama folder res untuk memuat sumber daya untuk kepadatan layar tertentu: drawable-mdpi, drawable-hdpi, drawable-xhdpi, drawable-xxhdpi, drawable-xxxhdpi. Saat aplikasi dijalankan, Android memilih sumber daya dari folder yang paling sesuai dengan kepadatan perangkat. Jika tidak ada kecocokan tepat, sistem mengambil bucket terdekat atau menskalakan sumber daya dari kepadatan lebih rendah. Menurut Android Docs (2025), untuk vektor (VectorDrawable) kualifikasi kepadatan tidak diperlukan — mereka diskalakan secara otomatis.

/res/
    drawable-mdpi/
        icon_app.png  (48x48 px)
    drawable-hdpi/
        icon_app.png  (72x72 px)
    drawable-xhdpi/
        icon_app.png  (96x96 px)
    drawable-xxhdpi/
        icon_app.png  (144x144 px)
    drawable-xxxhdpi/
        icon_app.png  (192x192 px)

Dalam struktur ini, setiap folder berisi ikon yang sama, tetapi dalam ukuran fisik berbeda dalam piksel. Ukuran dasar 48×48 piksel untuk mdpi dikalikan dengan faktor skala untuk setiap bucket. Android secara otomatis memilih file yang diperlukan berdasarkan DisplayMetrics.density perangkat. Untuk VectorDrawable (format XML) satu file di drawable/ sudah cukup — sistem menskalakannya tanpa kehilangan kualitas.

Perhitungan piksel untuk setiap kepadatan

Perhitungan ukuran gambar untuk setiap kepadatan didasarkan pada rumus sederhana: ukuran di mdpi × scale factor. Jika ikon di mdpi berukuran 48×48 px, maka untuk hdpi menjadi 72×72 px (48 × 1.5), untuk xhdpi — 96×96 px (48 × 2), untuk xxhdpi — 144×144 px (48 × 3), untuk xxxhdpi — 192×192 px (48 × 4). Menurut Material Design Guidelines (2025), rumus ini berlaku untuk semua sumber daya raster: ikon, latar belakang, gambar, dan 9-patch.

Praktik terbaik persiapan sumber daya untuk semua kepadatan

Persiapan yang benar sumber daya untuk Density Buckets mencakup lima aturan utama. Pertama, gunakan VectorDrawable untuk ikon sederhana — ini menghilangkan kebutuhan akan lima salinan. Kedua, untuk gambar raster, ekspor semua kepadatan sekaligus dari alat desain (Android Studio Asset Studio menghasilkan secara otomatis). Ketiga, hindari menempatkan gambar di drawable/ tanpa kualifikasi — sistem akan menskalakan dengan kehilangan kualitas. Keempat, uji pada perangkat dengan kepadatan berbeda dari perangkat utama Anda — emulator memungkinkan mengubah kepadatan. Kelima, gunakan WebP daripada PNG — menurut Google (2025), WebP memberikan ukuran 25-35% lebih kecil dengan kualitas yang sama.

• VectorDrawable — format yang lebih disukai untuk ikon dan ilustrasi sederhana. Satu file XML menggantikan 5 PNG.
• Android Studio Asset Studio — pembuatan sumber daya otomatis untuk semua kepadatan dari SVG atau PNG.
• WebP dengan lossless — format optimal untuk foto. 30% lebih kecil dari PNG tanpa kehilangan kualitas.
• 9-patch — untuk latar belakang yang dapat diskalakan. Satu file berfungsi di semua kepadatan dengan pengaturan area peregangan yang benar.
• Adaptive Icons — format ikon untuk API 26+. Memungkinkan pengaturan foreground dan background secara terpisah untuk kepadatan berbeda.