Screen Density: essentie, pixeldichtheid in Android

Wat is Screen Density?

Screen Density (schermdichtheid) — het aantal fysieke pixels per inch scherm (ppi — pixels per inch, of dpi — dots per inch). Android gebruikt het concept Density Buckets — groepen schermen met vergelijkbare dichtheid waarvoor dezelfde schalingsfactoren worden toegepast. In tegenstelling tot resolutie (aantal pixels in breedte en hoogte), bepaalt dichtheid de fysieke grootte van een pixel op het scherm. Volgens Google Pixel Team (2025) is de dichtheid van moderne vlaggenschepen 450-550 ppi, wat overeenkomt met de buckets xxhdpi-xxxhdpi.

Geschiedenis en evolutie van Density Buckets

Het Density Buckets-systeem verscheen in Android 1.6 Donut (2009) met de eerste apparaten op 160 dpi (mdpi). Met de toename van de schermresolutie werden nieuwe buckets toegevoegd: hdpi (Android 1.6), xhdpi (Android 2.3), xxhdpi (Android 4.1), xxxhdpi (Android 4.4). Elke nieuwe bucket weerspiegelde een 1.5- of 2-voudige toename in dichtheid ten opzichte van de vorige. Volgens Android Open Source Project (2025) heeft momenteel 96% van de actieve Android-apparaten een dichtheid van hdpi tot xxxhdpi.

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

Density Buckets — dichtheidsbereiken gedefinieerd door Google voor het groeperen van Android-schermen. De basisbucket — mdpi (160 dpi). De schalingsfactor (scale factor) geeft aan hoeveel keer de bron voor een bepaalde bucket groter is dan voor mdpi. Bijvoorbeeld, xhdpi (2×) betekent dat de afbeelding 2 keer breder en hoger moet zijn dan de mdpi-versie. Volgens Android Studio Resource Manager (2025) is xxhdpi de meest voorkomende bucket onder actieve apparaten (38% van de markt), gevolgd door xhdpi (28%).

Pixeldichtheid vs schermresolutie: wat is het verschil

Schermresolutie — het totale aantal pixels in breedte en hoogte (bijv. 1080×2400). Schermdichtheid — het aantal pixels per inch. Twee apparaten met dezelfde resolutie kunnen een verschillende dichtheid hebben als de fysieke schermafmetingen verschillen. Bijvoorbeeld, een 6-inch telefoon met een resolutie van 1080×2400 heeft een dichtheid van ongeveer 440 dpi (xxhdpi), en een 5-inch telefoon met dezelfde resolutie — ongeveer 530 dpi (xxxhdpi). Dit is het cruciale verschil: de interface moet zich aanpassen aan de dichtheid, niet aan de resolutie, anders zijn elementen te klein op apparaten met een hoge dichtheid.

Resourcekwalificatoren voor dichtheid in Android

Android gebruikt qualifiers in de namen van res-mappen om bronnen voor een specifieke schermdichtheid te laden: drawable-mdpi, drawable-hdpi, drawable-xhdpi, drawable-xxhdpi, drawable-xxxhdpi. Bij het opstarten van de app selecteert Android de bronnen uit de map die het beste past bij de dichtheid van het apparaat. Als er geen exacte overeenkomst is, neemt het systeem de dichtstbijzijnde bucket of schaalt de bron van een lagere dichtheid. Volgens Android Docs (2025) zijn dichtheidskwalificatoren niet nodig voor vectoren (VectorDrawable) — ze worden automatisch geschaald.

/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)

In deze structuur bevat elke map hetzelfde pictogram, maar in een andere fysieke grootte in pixels. De basisgrootte van 48×48 pixels voor mdpi wordt vermenigvuldigd met de schalingsfactor voor elke bucket. Android selecteert automatisch het benodigde bestand op basis van de DisplayMetrics.density van het apparaat. Voor VectorDrawable (XML-formaat) is één bestand in drawable/ voldoende — het systeem schaalt het zonder kwaliteitsverlies.

Pixelberekening voor elke dichtheid

Grootteberekening van de afbeelding voor elke dichtheid is gebaseerd op een eenvoudige formule: grootte in mdpi × scale factor. Als een pictogram in mdpi 48×48 px groot is, dan is het voor hdpi 72×72 px (48 × 1.5), voor xhdpi — 96×96 px (48 × 2), voor xxhdpi — 144×144 px (48 × 3), voor xxxhdpi — 192×192 px (48 × 4). Volgens Material Design Guidelines (2025) wordt deze formule toegepast voor alle rasterbronnen: pictogrammen, achtergronden, afbeeldingen en 9-patch.

Beste praktijken voor het voorbereiden van bronnen voor alle dichtheden

Correcte voorbereiding van bronnen voor Density Buckets omvat vijf belangrijke regels. Ten eerste, gebruik VectorDrawable voor eenvoudige pictogrammen — dit elimineert de noodzaak voor vijf kopieën. Ten tweede, exporteer voor rasterafbeeldingen alle dichtheden tegelijk uit ontwerptools (Android Studio Asset Studio genereert automatisch). Ten derde, vermijd het plaatsen van afbeeldingen in drawable/ zonder kwalificator — het systeem zal schalen met kwaliteitsverlies. Ten vierde, test op een apparaat met een andere dichtheid dan uw primaire — de emulator maakt het mogelijk de dichtheid te wijzigen. Ten vijfde, gebruik WebP in plaats van PNG — volgens Google (2025) biedt WebP 25-35% kleinere bestandsgrootte bij dezelfde kwaliteit.

• VectorDrawable — het voorkeursformaat voor pictogrammen en eenvoudige illustraties. Eén XML-bestand vervangt 5 PNG's.
• Android Studio Asset Studio — automatische generatie van bronnen voor alle dichtheden uit SVG of PNG.
• WebP met lossless — het optimale formaat voor foto's. 30% kleiner dan PNG zonder kwaliteitsverlies.
• 9-patch — voor schaalbare achtergronden. Eén bestand werkt op alle dichtheden met correct ingestelde uitrekgebieden.
• Adaptive Icons — pictogramformaat voor API 26+. Maakt afzonderlijke instelling van foreground en background voor verschillende dichtheden mogelijk.