Blurrly splash screen

Expo SDK
1

Please provide the following:

  1. SDK Version: 37
  2. Platforms(Android/iOS/web/all): Android

My splash screen on android is blurry once i build for prod. In dev its fine. In ios also its fine.

This is my app.json:

"splash": {
  "image": "./assets/splash.png",
  "resizeMode": "contain",
  "backgroundColor": "#ffffff"
},

And my image is 1024px by 1024px

Anyone have any ideas?

How can I use resizeMode “native” i dont understand that one.

1 Like
2

Same issue here.

3

Same situation here are screenshots. In production we see this blurriness in first image here. In dev, we see the very clear image shown in 2nd shot.

image
image896×1550 142 KB

image
image886×1554 151 KB

4

Same issue. I tried different things: I resized the splash image, I tried different modes (native, cover). But nothing worked.

1 Like
5

I’m still stuck on this too :frowning:

If anyone has any ideas that would be awesome.

6

I solved that by using image with having height >> width. That mean it is like fit to the screen as it is.

1 Like
7

Oh that’s interesting how that fixed it. My image is actually already taller than it is wide. It’s width is 432px and its height is 606px. What dimensions would you recommend I try out?

8

I didnt tried spcific one. But my one was 1587 x 2245.and that solved!
Try it !

9

Thank you! I will try it in next prod release and let you know how it goes!

Did you have a way to test the blurriness without doing a prod release? It would be nice for me to see this in dev if i can get prod env settings. Rather then release and then see and try to fix in next release.

10

I have the same issue and having height >> width does not work for me ?

Does anyone has an idea ?

11

I ended up using for android ‘native’ and it centered my icon rather then stretched it. Which is cool. I hope to match this on ios though.

12

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.