Icon and splash resources are not generated

Ionic Framework ionic-v3
1

Starting today, with the latest update from ionic, I can’t generate my splash screen or icon resources with ionic resources, not with any conceivable combination of parameters, nor with with cached or new graphics.

the generator goes through the motions alright, but the IOS graphics aren’t written, sometimes I get some new android resources, but not always. After the run below, the resources/ios/splash folder was still empty.

H:\work\ionic\tests\b29test>ionic resources --splash
Ionic splash screen resources generator
 uploading splash.png...
splash.png (2732x2732) upload complete
 generating splash ios Default~iphone.png (320x480)...
 generating splash ios Default@2x~iphone.png (640x960)...
 generating splash ios Default-Portrait~ipad.png (768x1024)...
splash ios Default@2x~iphone.png (640x960) generated
 generating splash ios Default-Portrait@~ipadpro.png (2048x2732)...
splash ios Default-Portrait~ipad.png (768x1024) generated
 generating splash ios Default-Portrait@2x~ipad.png (1536x2048)...
splash ios Default~iphone.png (320x480) generated
 generating splash ios Default-Landscape~ipad.png (1024x768)...
splash ios Default-Portrait@2x~ipad.png (1536x2048) generated
 generating splash ios Default-Landscape@~ipadpro.png (2732x2048)...
splash ios Default-Landscape~ipad.png (1024x768) generated
 generating splash ios Default-Landscape@2x~ipad.png (2048x1536)...
splash ios Default-Landscape@2x~ipad.png (2048x1536) generated
 generating splash ios Default-Landscape-736h.png (2208x1242)...
splash ios Default-Landscape-736h.png (2208x1242) generated
 generating splash ios Default-736h.png (1242x2208)...
splash ios Default-736h.png (1242x2208) generated
 generating splash ios Default-667h.png (750x1334)...
splash ios Default-667h.png (750x1334) generated
 generating splash ios Default-568h@2x~iphone.png (640x1136)...
splash ios Default-568h@2x~iphone.png (640x1136) generated
 generating splash android drawable-port-xxxhdpi-screen.png (1280x1920)...
splash android drawable-port-xxxhdpi-screen.png (1280x1920) generated
 generating splash android drawable-port-xxhdpi-screen.png (960x1600)...
splash android drawable-port-xxhdpi-screen.png (960x1600) generated
 generating splash android drawable-port-xhdpi-screen.png (720x1280)...
splash android drawable-port-xhdpi-screen.png (720x1280) generated
 generating splash android drawable-port-hdpi-screen.png (480x800)...
splash android drawable-port-hdpi-screen.png (480x800) generated
splash android drawable-port-mdpi-screen.png (320x480) generated
 generating splash android drawable-port-ldpi-screen.png (240x320)...
splash android drawable-port-ldpi-screen.png (240x320) generated
 generating splash android drawable-land-xxxhdpi-screen.png (1920x1280)...
splash android drawable-land-xxxhdpi-screen.png (1920x1280) generated
 generating splash android drawable-land-xxhdpi-screen.png (1600x960)...
splash android drawable-land-xxhdpi-screen.png (1600x960) generated
 generating splash android drawable-land-xhdpi-screen.png (1280x720)...
splash android drawable-land-xhdpi-screen.png (1280x720) generated
 generating splash android drawable-land-hdpi-screen.png (800x480)...
splash android drawable-land-hdpi-screen.png (800x480) generated
 generating splash android drawable-land-mdpi-screen.png (480x320)...
splash android drawable-land-mdpi-screen.png (480x320) generated
 generating splash android drawable-land-ldpi-screen.png (320x240)...
splash android drawable-land-ldpi-screen.png (320x240) generated

My info:

Your system information:

Cordova CLI: 6.2.0
Gulp version:  CLI version 3.9.1
Gulp local:   Local version 3.9.1
Ionic Framework Version: 2.0.0-beta.7
Ionic CLI Version: 2.0.0-beta.29
Ionic App Lib Version: 2.0.0-beta.16
OS:
Node Version: v4.4.3
2

Hello, yes it seems ionic generator won’t work with PNG file, use PSD file for icons and splash it will work fine.

1 Like
3

How do I convert a GIMP or PNG file to PSD?

Edit:
Never mind, GIMP can do that. However…resources are still not being generated.

4

Open photoshop and dragged your image inside it, you will have to respect some detail to get the right result, first for icon you need PSD file with192192 and for splash you need 22082208 then save as icon.psd and splash.psd in your resources directory.

5

I was hinting to the fact that I do not have Photoshop. But as I said, GIMP can export to that format as well.

6

I had to drop the template size down to 2208x2208 in order for it to work. I’m not sure if it was an image size issue or the fact that changing the size dropped the file size down below 1MB.

7

PNG files generated from Photoshop works great with ionic resources command, but PSD files not (appropriate files are created but there are only white screens)

My system information:

Photoshop CC 2015
Cordova CLI: 6.2.0
Gulp version:  CLI version 3.9.1
Gulp local:   Local version 3.9.1
Ionic Framework Version: 2.0.0-beta.8
Ionic CLI Version: 2.0.0-beta.30
Ionic App Lib Version: 2.0.0-beta.16
OS: Windows 7 SP1
Node Version: v4.4.5
8

This one worked for me too, weird…

9

PSD files worked for me…