Ionic resources - "Image transformation server temporarily unavailable: "

I’ve been getting this error since yesterday. Initially (yesterday) it was all working fine. And what a great, great service it is.

I’m sticking to the min sizes as specified on the blog page but now I’m getting this error with this in the terminal.

<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <style type="text/css">
    html, body, iframe { margin: 0; padding: 0; height: 100%; }
    iframe { display: block; width: 100%; border: none; }
  </style>
<title>Application Error</title>
</head>
<body>
  <iframe src="//s3.amazonaws.com/heroku_pages/error.html">
    <p>Application Error</p>
  </iframe>
</body>
</html>

Anyone else?

I’m getting this error too.

Just want to make sure that I have a full picture, lets go over the steps you took.

$ ionic start tmp blank && cd tmp
$ mkdir resources

add your splashscreen and icon psds/pngs/ai files to the resources directory

$ ionic resources

Then you got that error in your console?

Can you both run ionic info so I can get your environment specs.

$ ionic info

I used the side menu starter for this app and it all worked fine the other day. I just made a newer (better) icon and splashscreen and then it stopped working.

$ ionic info

gives me this. I just updated Cordova

OS: Mac OS X Yosemite
Node Version: v0.10.33
Cordova CLI: 4.2.0
Ionic CLI Version: 1.3.11
Xcode version: Xcode 6.1.1 Build version 6A2008a 
ios-sim version: 3.1.1 

The full error is this:

Macintosh:mycards SubjectiveEffect$ ionic resources
Ionic icon and splash screen resources generator 
 uploading icon.png...
 uploading splash.png...
 ✓ icon.png (192x192) upload complete
 ✓ splash.png (7824x7824) 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)...
 ✗ Image transformation server temporarily unavailable: <!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <style type="text/css">
    html, body, iframe { margin: 0; padding: 0; height: 100%; }
    iframe { display: block; width: 100%; border: none; }
  </style>
<title>Application Error</title>
</head>
<body>
  <iframe src="//s3.amazonaws.com/heroku_pages/error.html">
    <p>Application Error</p>
  </iframe>
</body>
</html>

This is now the last step. Everything else is working fine and the app looks nice. You guys have done a great job btw and I’m happy to be using this. The icon and splash CLI generation at first was great. I used to have to do it manually when I was using jQM and Phonegap Build!

Okay, this seems to be a specific issue with the Splash screen.

Icons are being generated fine.

For the Splash screen I’m using a 2208x2208 png which is 947kb in size. I made it in Inkscape. All it is the icon in the centre of the image so it fits according to the .psd file that is specified in the blog post.

It’s working now, but it gives me a slightly stretched Android splashscreen. I’m no a Nexus 4.

Hi,
how did you fix it? I encountered the same issue, maybe the size of 16MB is too much?

I’ve gone over it and I think it was initially my fault - I think I used the wrong image size.

However - I still have a stretched splash screen on my Android devices and it’s fine on iOS…

For me, the icons are not generating the new images. The images are just uploading. After that nothing is happening.

Your system information:

Cordova CLI: 6.1.1
Gulp version: CLI version 3.9.1
Gulp local: Local version 3.9.1
Ionic Version: 1.3.0
Ionic CLI Version: 1.7.14
Ionic App Lib Version: 0.7.0
ios-deploy version: 1.8.6
ios-sim version: 5.0.8
OS: Mac OS X El Capitan
Node Version: v4.4.2
Xcode version: Xcode 7.0 Build version 7A220

What was a problem? I’m getting the same error not on vanilla blank ionic.

ionic info


Dependency warning - for the CLI to run correctly,
it is highly recommended to install/upgrade the following:

Please install your Cordova CLI to version >=4.2.0 npm install -g cordova


Your system information:

Cordova CLI: You have been opted out of telemetry. To change this, run: cordova telemetry on.
6.5.0

Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.2.0
ios-deploy version: 1.9.1
ios-sim version: 5.0.13
OS: macOS Sierra
Node Version: v7.7.4
Xcode version: Xcode 8.2.1 Build version 8C1002


Dependency warning - for the CLI to run correctly,
it is highly recommended to install/upgrade the following:

Please install your Cordova CLI to version >=4.2.0 npm install -g cordova