AVIF Image Rendering Issues: Blue Tint and Thin Strokes

[vignesh-em]

Glide Version: 4.14.2

Integration libraries: avif-integration

Device/Android Version: Samsung Galaxy M52 / Android 13

Issue details:

• Some images with translucent background are rendered with a blue tint.
• Fine strokes are rendered visibly thinner than webp version (I initially thought this is because of data loss, but this was not the case when rendered on Chrome).

Both issues do not occur when rendered on Chrome on the same device. Could this be an issue with the decoder (libavif_android.so) that Glide internally uses to decode AVIF formats?

The demo project can be found here.
Blue Tint - branch: issue/blue-tint
Thin Strokes - branch: issue/thin-strokes

Screenshots:

[vignesh-em]

@vigneshvg, could this be an issue with the decoder Glide uses to decode AVIFs? What do you think?

[vigneshvg]

@vigneshvg, could this be an issue with the decoder Glide uses to decode AVIFs? What do you think?

Thanks for the report and the files. I will take a look.

[vigneshvg]

I am able to reproduce both the issues (blue tint and thin stroke) in Glide 4.15.1 and both were fixed by #5128.

That PR is not in a Glide Release yet (I have filed an issue for that separately: #5142).

In the meantime, you can explicitly update your libavif dependency in order to render these images properly. I updated the dependency in my build.gradle as follows and that fixed the issues for me:

Replace:

implementation 'com.github.bumptech.glide:avif-integration:4.15.1'

With:

implementation 'org.aomedia.avif.android:avif:0.11.1.3c786d2'
implementation ('com.github.bumptech.glide:avif-integration:4.15.1') {
    exclude group: 'org.aomedia.avif.android', module: 'avif'
}

Hope that helps.

[vignesh-em]

Thank you so much for the quick resolution, @vigneshvg. I really appreciate it.