Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

What is the recommended resolution of the asset to create the splash screen? #89

Open
alejandrogiubel opened this issue Sep 20, 2020 · 12 comments

Comments

@alejandrogiubel
Copy link

I have a png image with 5141 x 7705. When I create the splash screen with this plugin my app's splash screen is a very very
big image. How can I fix this?

@Amerr
Copy link

Amerr commented Oct 16, 2020

yes we need documentation for the perfect image size for the splash screen

@NLeone
Copy link

NLeone commented Nov 11, 2020

I also join the request, please, I would like to know how to include a brand logo centered on a black background, I can do that, but I need it to look the same in most devices, at least portrait. If anyone has an idea how to do it, we would appreciate it as it is a great complement.

@jonbhanson jonbhanson self-assigned this Jan 8, 2021
@PcolBP
Copy link

PcolBP commented Feb 10, 2021

I'm using logo with resolution 1024x1024 on small devices it takes almost all the screen.

@xalikoutis
Copy link

xalikoutis commented Feb 10, 2021

400x400 i think is optimal, tested in various resolutions.iphone6,8,11 ipad 12

@jonbhanson
Copy link
Owner

Thanks everyone for your suggested resolutions. I'm not sure there is a "perfect" resolutions, but it is helpful to hear about what others are using.
My logo works pretty well at 1300x350.

@jonbhanson jonbhanson added the will need a PR Extra attention is needed label Mar 4, 2021
@joj3000
Copy link

joj3000 commented Mar 5, 2021

This guy made a video on this particular package. Maybe it'll solve your issues :
https://www.youtube.com/watch?v=8ME8Czqc-Oc
(At the end of the video he talks about the full screen native splash)

@postpasspost
Copy link

postpasspost commented Apr 30, 2021

I used 640*194. It's really nice on iOS. A bit small on Android.
Thank you for the package! It saved me a lot of time 👍

(is there maybe a way to make the splash screen a little bit bigger on Android or smaller on iOS?)

@roslamir
Copy link

I think if you make your image with an aspect ratio of 9x16 you should be okay.

@jonbhanson jonbhanson removed their assignment May 17, 2022
@Dubemtopsite
Copy link

@alejandrogiubel Were you able to later solve the issue

@dJani97
Copy link

dJani97 commented Oct 24, 2022

It would be nice to add a parameter to somehow constrain the image. I had to edit my splash screen image and add a considerable amount of transparent padding around the edges to make it look good.

I used a 1024 x 1024 image.

@Dubemtopsite
Copy link

@dJani97 Thanks

I was able to resolve mine by reducing the image size to 450px x 450px

@jonbhanson jonbhanson removed the will need a PR Extra attention is needed label Dec 4, 2022
@Faiizii
Copy link
Contributor

Faiizii commented Sep 3, 2023

512 x 512 or 1024 x 1024 is good resolution for app icon. Because, when we generate the native splash by using this library it creates splash icon of dimension 192x192 (max on android) and 1024x1024 (max on iOS). Therefore, if we use the too large assets, it will increase the build size whereas more than 1024 is not needed (in mobile phone splash). If we use too small (any value less than 512) it will pixelate on large devices like Tabs/iPads.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests