Just started using Compose and got this error when trying to display an image of ~500KBs. The same i...

# compose

[sjthn]

Just started using Compose and got this error when trying to display an image of ~500KBs. The same image when rendered using xml works fine.
Something like this is what I did to display the image:

val image = imageResource(id = R.drawable.img_123)
    val imageModifier = Modifier
        .preferredHeight(180.dp)
        .fillMaxWidth()
    Image(image, modifier = imageModifier,
        contentScale = ContentScale.Crop)

Untitled

[romainguy]

The size of the image on disk doesn’t matter, it’s the image’s uncompressed resolution/size that counts

[romainguy]

What resolution is your image?

[romainguy]

And in what drawable/ directory do you put it?

[romainguy]

That’s a 340 MiB image, so probably too high resolution to fit on the GPU

[romainguy]

Usually this happens when the image is put in the wrong drawable directory and gets auto-resized for density

[sjthn]

The image resolution is 4000x2816 px 🤕. And yes, it's in drawable

[sjthn]

But why's this working in xml?

[romainguy]

in drawable/? No other directory?

[romainguy]

So drawable/ == drawable-mdpi/, or 160 dpi

[romainguy]

Which means at load time your image is scaled by a factor of > 4x

[romainguy]

So yeah, it’ll be too big

[romainguy]

Put it in drawable-nodpi/ instead (or in the proper density directory)

[sjthn]

in drawable/? No other directory?

It's in drawable w/o any qualifiers

[romainguy]

Ok so please move it 🙂