Ionic splash screen broken


#1

hi
i have my ionic 3 app and i tray use

 ionic cordova resources

to generate my custom icon and splash screen
the problem is images in splash folder are 12 image
i have 9 broken image
and when i tray to build my app it give me error and the error because this broken images
any help please
thanks :slight_smile:


#2

it is normal. you can try againionic cordova resources --splash, check your internet if stable


#3

thanks for your replay
i tray with ionic cordova resources --s and ionic cordova resources --splash
but same problem
i use the default ionic template for my splash screen
but still same problem it generate only 3 images from 12 image in splash folder


#4

could you share the splash.png file in resources


#5

splash.png details
distentions : 2732 * 2732
height : 2732 pixels
width : 2732 pixels


#6

Rename ur existing splash.png to splash1.png

copy this file in resources

try ionic cordova resources --splash again

check the android/splash folder


#7

if this works, then ur png file have some issue,


#8

yes it’s work fine , but i need to custom my splash screen to my own image
how to implement that ?


#9

:heavy_check_mark: Collecting resource configuration and source images - done!
:heavy_check_mark: Filtering out image resources that do not need regeneration - done!
:heavy_check_mark: Uploading source images to prepare for transformations - done!
⠸ Generating platform resources: 3 / 12 complete
i get only 3 images from 12 image
and when i tray build my app i get error because of resources folder splash screen
any help please ? :frowning:


#10

share ur splash.png here, it should be 2208 width and height


#11

No it should not be this size any more, it should be the dimensions @mfouash posted.

@mfouash: Compare your file to the one that comes with a new project created with ionic start blank blank and running ionic cordova resources. It should be the same size.

If it is, run the same command with --verbose added at the end and post the output here.


#12

the same happend to me also months back, some portion of the png file was corrupted


#13

any suggestion please last app i build it without splash screen , and now i am in my way to build the second app without splash screen , i designed my custom splash and icon in photoshop
using splash png file template : splash size (2732 X 2732) and icon (1024 X 1024)
any help please


#14

:heavy_check_mark: Collecting resource configuration and source images - done!
:heavy_check_mark: Filtering out image resources that do not need regeneration - done!
:heavy_check_mark: Uploading source images to prepare for transformations - done!
⠴ Generating platform resources: 8 / 18 complete


#15

i changed the hole image but same problem any help please


#16

Finally i found the solution
the problem happens because the physical Splash Screen Size (more than 1 mb)
when i reduce the size to be 250 kb it’s works fine with me :slight_smile:
thanks gyes