flutter_native_splash icon indicating copy to clipboard operation
flutter_native_splash copied to clipboard

Optimizing Splash Screen Image Quality for Android 12

Open hueso1412 opened this issue 1 year ago • 20 comments

I'm experiencing an issue where the splash screen image quality is noticeably poor on Android 12 devices. Despite providing high-resolution images in various drawable folders and applying recommended settings, the splash screen appears pixelated and unsharp, which negatively affects the overall user experience.

I would like to see improved handling of splash screen images on Android 12, ensuring that the images are displayed in their highest possible quality. This could include better scaling algorithms or more robust support for high-resolution images without quality degradation.

Additional context Please find attached a screenshot showing the current configuration used and the resulting splash screen on Android 12 devices. splashscreen

hueso1412 avatar Aug 27 '24 16:08 hueso1412

I am also facing the same issue on Android 12

erkinovalim avatar Aug 31 '24 23:08 erkinovalim

I created an issue about this back in January (#650). I can't believe that so few people noticed this. I didn't follow up because I was thinking that it was fixed in recent versions but it's still happening on the most recent version 2.4.2

charleshan avatar Oct 25 '24 05:10 charleshan

@hueso1412 can you please attach your source image?

jonbhanson avatar Nov 18 '24 01:11 jonbhanson

Closed due to inactivity. If you are still having trouble, please verify that your source image is according to the instructions. Feel free to reopen a ticket if you are still having trouble.

jonbhanson avatar Nov 24 '24 14:11 jonbhanson

Screenshot_2024-11-24-20-57-53-841_komoda.jpg

You can see how the image is pixelated

erkinovalim avatar Nov 24 '24 14:11 erkinovalim

@erkinovalim please attach your source image that this package is using to generate the splash.

jonbhanson avatar Nov 24 '24 15:11 jonbhanson

@jonbhanson here's my source image: 1152x1152 splash

Generated splash screen on a physical device: image

charleshan avatar Nov 26 '24 08:11 charleshan

Can we reopen this issue?

charleshan avatar Nov 30 '24 03:11 charleshan

@charleshan is your problem that the image looks blurry? Because I don't think it looks pixelated.

jonbhanson avatar Dec 06 '24 17:12 jonbhanson

@charleshan is your problem that the image looks blurry? Because I don't think it looks pixelated.

It looks a little pixelated, not blurry.

erkinovalim avatar Dec 06 '24 17:12 erkinovalim

It might be a little hard to see because of the size but it's definitely pixelated. Here's what it looks like on iOS to show that this only happens on Android. Also, I tried making it bigger still within the limits and it had the same problem.

image

charleshan avatar Dec 06 '24 18:12 charleshan

It might be a little hard to see because of the size but it's definitely pixelated. Here's what it looks like on iOS. Also, I tried making it bigger still within the limits and it had the same problem.

image

Interesting. I only faced the problem on Android. No issues on iOS

erkinovalim avatar Dec 06 '24 18:12 erkinovalim

I meant to say that it's not pixelated on iOS.

charleshan avatar Dec 06 '24 19:12 charleshan

Oh okay 👍

erkinovalim avatar Dec 06 '24 19:12 erkinovalim

@jonbhanson any updates on this?

erkinovalim avatar Dec 26 '24 14:12 erkinovalim

Here is what my image looks like. The image and branding are pixilated and blurred. Also, the branding is large. I could not make it smaller.

Image

ablbol avatar Jan 25 '25 08:01 ablbol

Is there a solution to this? I have the correct resolution, but still the image appears in low quality

CommunityCreator avatar Jul 30 '25 23:07 CommunityCreator

This issue is still there, any fix for it?

teekamsuthar avatar Sep 13 '25 07:09 teekamsuthar

Here is what my image looks like. The image and branding are pixilated and blurred. Also, the branding is large. I could not make it smaller.

Image

Facing same issue with @ablbol about branding image, there are limited to configure more in the branding image?

chandrabezzo avatar Oct 08 '25 03:10 chandrabezzo

After facing this issue for a long period of time I have a solution which works for me. Some pixelation is due to androids rendering of the images, but when you use an animated vector drawable this triggers some different rendering in android. Thus I used the package and then added a second splash-logo in the drawable folder, which is used for android 12. See https://github.com/dotnet/maui/issues/20823

CommunityCreator avatar Oct 17 '25 17:10 CommunityCreator