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?

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

blurry image

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

desirable image

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

Victor Basso · Accepted Answer · 2021-12-27 00:37:48Z

2

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.

answered Dec 27, 2021 at 0:37

Victor Basso

5,8545 gold badges46 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

racs Over a year ago

filterQuality parameter has been moved to the Painter parameter of the Image composable

Collectives™ on Stack Overflow

Disable bitmap filtering in Android Jetpack Compose Image

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related