Ionic2 resources splash screen and icon source size


#1

In this tutorial http://www.codingandclimbing.co.uk/blog/ionic-2-icon-and-splash-screen-generation-16, I read that the source size for splash.png and icon.png should be the following:

 icon.png: 192x192
 splash.png: 1200x1200

is that always correct? when I run the “ionic resources” command I notice as result that some splash images aren’t generated/erased with new images. should I use another size? if yes, which size?

Furthermore I notice following “errors” in the log, that’s why I guess I should use another size…

splash android drawable-port-xxxhdpi-screen.png (1280x1920) skipped, source image splash.png (1200x1200) too small
splash android drawable-port-xxhdpi-screen.png (960x1600) skipped, source image splash.png (1200x1200)    too small
splash android drawable-port-xhdpi-screen.png (720x1280) skipped, source image splash.png (1200x1200) too small
splash ios Default-Portrait@~ipadpro.png (2048x2732) skipped, source image splash.png (1200x1200) too small
splash ios Default-Portrait@2x~ipad.png (1536x2048) skipped, source image splash.png (1200x1200) too small
splash ios Default-736h.png (1242x2208) skipped, source image splash.png (1200x1200) too small
splash ios Default-667h.png (750x1334) skipped, source image splash.png (1200x1200) too small

Thx in advance for your tips


#2

Same happens with me…

I tried what suggested in ionic blog to generate spash screen images using CLI…

But all spash images aren’t generated…
This same topic arisesd previously too…

Thanks


#3

That is way too small for splash screens. They should be at least 2732x2732


#4

The blog was written on Automating Icons and Splash Screens http://blog.ionic.io/automating-icons-and-splash-screens/ and the docs written on Icon and Splash Screen Image Generation http://ionicframework.com/docs/cli/icon-splashscreen.html says that use

icon.png: 192x192
splash.png: 1200x1200

to generate all resources (icons and splash) for your app through CLI.

As per your suggestion the size for splash should be at least 2732x2732.
Thanks for the reply. Will try this.

And if 2732x2732 this should be the size for splash then can you please change the ionic blog and ionic docs for others it will be helpful in future, and there is no more confusion.

Regards.


#5

Thx for the information, exactly what I was looking for.


#6

2732x2732 seems to not be accepted. I add to switch my splash screen to 2208x2208

Therefore still have following error

Ionic splash screen resources generator
splash android drawable-port-ldpi-screen.png (240x320) from cache
splash android drawable-port-mdpi-screen.png (320x480) from cache
splash android drawable-port-hdpi-screen.png (480x800) from cache
splash android drawable-port-xhdpi-screen.png (720x1280) from cache
splash android drawable-port-xxhdpi-screen.png (960x1600) from cache
splash android drawable-port-xxxhdpi-screen.png (1280x1920) from cache
splash ios Default-568h@2x~iphone.png (640x1136) from cache
splash ios Default-667h.png (750x1334) from cache
splash ios Default-736h.png (1242x2208) from cache
splash ios Default-Portrait@2x~ipad.png (1536x2048) from cache
splash ios Default-Portrait@~ipadpro.png (2048x2732) skipped, source image splash.png (2208x2208) too small
splash ios Default-Portrait~ipad.png (768x1024) from cache
splash ios Default@2x~iphone.png (640x960) from cache
splash ios Default~iphone.png (320x480) from cache

Updated note: I tried many times, and often received for that reason the information, that the files were generated from the cache. Had a deeper look and everything seems fine, works well. In following post for the record there are some people who found way to bypass the cache, which didn’t work for me. But as I say, everything seems fine with the cache.

https://github.com/driftyco/ionic-cli/issues/420

#7

Fixed it for me. My splash was 1200 x 1200, and I was getting error “source image 1600x1600 too small for drawable-port-xxxhdpi-screen.png, requires at least 1280x1920 source file”. I resized my splash image to 2732 x 2732, and then “ionic cordova resources” worked without error.