flutter_native_splash icon indicating copy to clipboard operation
flutter_native_splash copied to clipboard

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

Open alejandrogiubel opened this issue 3 years ago • 12 comments

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?

alejandrogiubel avatar Sep 20 '20 19:09 alejandrogiubel

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

Amerr avatar Oct 16 '20 20:10 Amerr

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.

NLeone avatar Nov 11 '20 16:11 NLeone

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

PcolBP avatar Feb 10 '21 08:02 PcolBP

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

xalikoutis avatar Feb 10 '21 12:02 xalikoutis

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 avatar Feb 19 '21 15:02 jonbhanson

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)

joj3000 avatar Mar 05 '21 00:03 joj3000

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?)

postpasspost avatar Apr 30 '21 14:04 postpasspost

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

roslamir avatar Nov 10 '21 03:11 roslamir

@alejandrogiubel Were you able to later solve the issue

Dubemtopsite avatar Sep 26 '22 14:09 Dubemtopsite

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.

dJani97 avatar Oct 24 '22 07:10 dJani97

@dJani97 Thanks

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

Dubemtopsite avatar Oct 24 '22 08:10 Dubemtopsite

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.

Faiizii avatar Sep 03 '23 07:09 Faiizii