Signup for the Ionic Newsletter to get the latest news and updates!

  • jurjenfolkertsma

    my ionic file structure doesnt show one res folder, it shows every size icon with its own res folder

  • Gavin Klose

    It would be great to have a large Landscape Splashscreen and a large Portrait Splashscreen that can be resized down so the design can be tweaked based on the orientation – rather than only having a small common square area to fit everything in the single large Square Splashscreen. Is there a easy code solution for that?

    • Jaswinder Singh Walia

      u found any solution for this??

      • Gavin Klose

        No, not yet. Sorry.

  • Paolo Alberti

    It’s amazing, the ionic group is amazing, many thanks for your great job.

  • http://www.fiverr.com/martinthuku Martin Irenes

    You guys are awesome. Making work easy over and over again

  • Sean Hill

    I just recently tried this, but iPhone 6 resolution didn’t work because 1200×1200 was to small. What would be a good dimension now?

  • Ulrich Peinhardt

    when using the native ionic splash screen and fullscreen=true in config.xml the image-aspect ratio is broken, any ideas on that? (1.0.0-rc5)

  • Alan Gruskoff

    Great freakin feature. Make my day by generating ALL my requisite images. Yeah, Honey!

  • محمد محمدی

    i’m fucked up for downloading new ionic 😐

  • KATH2758

    Thanks Mike, It’s amazing

  • marlonhelder

    The more I learn about Ionic features, the more I love it!

  • Andre Woodley Jr

    Thank you for creating this!!!

  • Sagar Ayi

    Thanks a ton for making this task easier.

  • http://buddasworld.co.uk buddaboy

    I can’t find any info about the maximum file size that the source splash.psd can be anywhere. Ionic CLI rejects mine:

    $ ionic resources –splash
    Ionic splash screen resources generator
    uploading splash.psd…
    ✗ Invalid upload: image too large: 23022957

  • Paco

    I think “Cordova Icons and Splash Screens Docs” link is broken

  • Crazy

    Perfect tool, thanks 🙂 If you use Meteor, here some tips. Generate them on a fresh Ionic project, copy them to your project and configure your mobile-config.js like this :

    App.icons({
    'iphone': 'resources/ios/icon/icon-60.png',
    'iphone_2x': 'resources/ios/icon/[email protected]',
    'iphone_3x': 'resources/ios/icon/[email protected]',
    'ipad': 'resources/ios/icon/icon-76.png',
    'ipad_2x': 'resources/ios/icon/[email protected]',
    'android_ldpi': 'resources/android/icon/drawable-ldpi-icon.png',
    'android_mdpi': 'resources/android/icon/drawable-mdpi-icon.png',
    'android_hdpi': 'resources/android/icon/drawable-hdpi-icon.png',
    'android_xhdpi': 'resources/android/icon/drawable-xhdpi-icon.png'
    // 'android_xxhdpi': 'resources/android/icon/drawable-xxhdpi-icon.png',
    // 'android_xxxhdpi': 'resources/android/icon/drawable-xxxhdpi-icon.png'
    });

    App.launchScreens({
    'iphone': 'resources/ios/splash/Default~iphone.png',
    'iphone_2x': 'resources/ios/splash/[email protected]~iphone.png',
    'iphone5': 'resources/ios/splash/[email protected]~iphone.png',
    'iphone6': 'resources/ios/splash/Default-667h.png',
    'iphone6p_portrait': 'resources/ios/splash/Default-736h.png',
    'ipad_portrait': 'resources/ios/splash/Default-Portrait~ipad.png',
    'ipad_portrait_2x': 'resources/ios/splash/[email protected]~ipad.png',
    'ipad_landscape': 'resources/ios/splash/Default-Landscape~ipad.png',
    'ipad_landscape_2x': 'resources/ios/splash/[email protected]~ipad.png',
    'android_ldpi_portrait': 'resources/android/splash/drawable-port-ldpi-screen.png',
    'android_ldpi_landscape': 'resources/android/splash/drawable-land-ldpi-screen.png',
    'android_mdpi_portrait': 'resources/android/splash/drawable-port-mdpi-screen.png',
    'android_mdpi_landscape': 'resources/android/splash/drawable-land-mdpi-screen.png',
    'android_hdpi_portrait': 'resources/android/splash/drawable-port-hdpi-screen.png',
    'android_hdpi_landscape': 'resources/android/splash/drawable-land-hdpi-screen.png',
    'android_xhdpi_portrait': 'resources/android/splash/drawable-port-xhdpi-screen.png',
    'android_xhdpi_landscape': 'resources/android/splash/drawable-land-xhdpi-screen.png'
    });

  • georgebirbilis

    The link “Cordova Icons and Splash Screens Docs” is broken

  • aflorescu

    Any thoughts on android 6.0? Now it requires us to use the transparent image that will create some kind of mask.

  • Amr

    Hi, I had created the icon and the splash screen with the required names and dimensions, when running ionic resources I get nothing. The command ends quietly

  • emini

    This is amazing 🙂 Thank you guys!

  • napcat

    Very useful tool, but it’s not supporting the windows platform. The windows platform is ignored and no assets are created…

  • Rayner Lemos

    I’m having a problem with the Splash Screen.
    My application starts normally, but when the Splash closes, appears for a few seconds (0.5s – 2s) a totally white screen. Only after those seconds that the project back to work normally.
    This screen is quite disturbing usability of my App.
    Does anyone have the same problem or know what to do?

  • Kaos

    it is definitely cool for me to saving time. 🙂

  • http://lion.net.pl/ Maciej Lew

    Note that generated png icons and splash screens are not optimized. You can decrease file size 10-20% using tools like optipng.

  • Adil shaikh

    thanks for the post, any heads up If I want to use multiple sized images for multiple sized devices. (except for splash and icons)

  • Santi Calvo

    This would be nice if only it worked. I guess it only works the first time you do it.
    It simply doesn’t work if you want to do twice the process. I made a mistake with the icon and ever since I get empty folders when I run the comand.
    There’s some nasty server side control that creates some kind of horrible cache and breaks the whole functionality. If you make a mistake the first time you run the command it breaks. I tried to modify the checksum of the images and didn’t work.

  • Zeal Murapa

    The command runs but creates nothing, same images in the folders

    • Paulo victor Campelo Selano

      did u found a solution for this? i’ve met the same issue

    • Edgard Morales

      I’m in the same situation… and haven’t found a solution

    • Edward van Helgen

      I had the same issue. Turns out i had to enter the ‘ionic resources’ command directly from the /resource directory itself. Worked like a charm. Hope it helps!

    • Vijay Sasvadia

      Please update ionic and cordova and then run this command it will work.
      i had same issue. it solved by updating the ionic and cordoava.
      i hope it works and helps you

  • Santi Calvo

    Hello,
    I am sorry to say this doesn’t work at all.

    Is the server side code available to install it locally and patch it? Currently this fails, it keeps creating empty folders.

    Anyway, does anyone know any script or application (mac or linux) to do it locally?
    Thank you.

  • Jason Jong

    Same, but no new files generated. My PNG is 2Mb and I cant compress it anymore

    Ionic splash screen resources generator
    splash ios [email protected]~iphone.png (640×1136) from cache
    splash ios Default-667h.png (750×1334) from cache
    splash ios Default-736h.png (1242×2208) from cache
    splash ios [email protected]~ipad.png (1536×2048) from cache
    splash ios Default-Portrait~ipad.png (768×1024) from cache
    splash ios [email protected]~iphone.png (640×960) from cache
    splash ios Default~iphone.png (320×480) from cache
    splash android drawable-port-ldpi-screen.png (240×320) from cache
    splash android drawable-port-mdpi-screen.png (320×480) from cache
    splash android drawable-port-hdpi-screen.png (480×800) from cache
    splash android drawable-port-xhdpi-screen.png (720×1280) from cache
    splash android drawable-port-xxhdpi-screen.png (960×1600) from cache
    splash android drawable-port-xxxhdpi-screen.png (1280×1920) from cache
    uploading splash.png…
    splash.png (2732×2732) upload complete
    generating splash ios [email protected]~ipadpro.png (2048×2732)…

  • Angela M Luna A

    Before automatically create the icon and splash
    Is it possible to customize the icon and splash, so it would be different from the default? or is it possible to change the default size?

  • Angela M Luna A

    Before automatically create the icon and splash
    Is it possible to customize the icon and splash, so it would be different from the default? or is it possible to change the default size?

  • pharouk90

    So sad for me, I found this after spending 2 days on photoshop creating icons and splash screen for my App. Anyway it’s very cool. Thanks to team I will be using it on my next project.

  • http://www.sitecomarte.com.br Junior

    Perfect post! Ty Mike.

  • Azeez Adigun

    Minimum icon and splash resolutions @ 192x192pixels and 2208x2208pixels respectively worked for me

  • Brad

    this service is down…..

    Unable to generate images due to an error Image server temporarily unavailable: (Followed but a inline styled web page source)

  • Ananthakrishnan

    Is it only for app Icon and splash screen or else we can add other icons and images also which is used inside the project?

  • shweta chitnis

    How to hide system bottom navigation and status bar from splash screen?