Disable bitmap filtering in Android Jetpack Compose Image

Question

I have pixel-art style images stored in res/drawable with their naturally small scale, but meant to be scaled up for display. However the default behaviour seems to be to blur the upscaled image to try and hide the pixels. How can that be disabled?

1. This is from a screenshot of the phone. You can see the image is blurry compared to the text.

2. This is the desired scaled image with sharp pixels (please ignore the background)

I see there is a similar question for the old Android framework, but I'm using Jetpack Compose.

Answer 1

There is now a a filterQuality parameter you can set to None in the Image composable to disable bilinear interpolation. This is since version 1.1.0-alpha01 of androidx.compose.ui:ui.

Example usage:

Image(
    bitmap = ImageBitmap.imageResource(id = imageId),
    contentDescription = null,
    filterQuality = FilterQuality.None
)

Workarounds for older versions are mentioned here.