# Ionic2 resources splash screen and icon source size

**URL:** <https://forum.ionicframework.com/t/ionic2-resources-splash-screen-and-icon-source-size/62215>\
**Category:** ionic-v3\
**Created:** [August 31, 2016, 6:29pm UTC](https://forum.ionicframework.com/t/ionic2-resources-splash-screen-and-icon-source-size/62215 "2016-08-31T18:29:39Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![reedrichards](https://avatars.discourse-cdn.com/v4/letter/r/34f0e0/32.png) [@reedrichards](https://forum.ionicframework.com/u/reedrichards)\
**Post date:** [August 31, 2016, 6:29pm UTC](https://forum.ionicframework.com/t/ionic2-resources-splash-screen-and-icon-source-size/62215/1 "2016-08-31T18:29:39Z")

</div>

In this tutorial [http://www.codingandclimbing.co.uk/blog/ionic-2-icon-and-splash-screen-generation-16](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

---

<div class="post-metadata">

**Author:** ![vaibsVB](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/vaibsvb/32/102515_2.png) [@vaibsVB](https://forum.ionicframework.com/u/vaibsVB)\
**Post date:** [August 31, 2016, 7:18pm UTC](https://forum.ionicframework.com/t/ionic2-resources-splash-screen-and-icon-source-size/62215/2 "2016-08-31T19:18:29Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [August 31, 2016, 8:24pm UTC](https://forum.ionicframework.com/t/ionic2-resources-splash-screen-and-icon-source-size/62215/3 "2016-08-31T20:24:40Z")

</div>

> [@reedrichards](#):
>
> splash.png: 1200x1200

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

---

<div class="post-metadata">

**Author:** ![vaibsVB](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/vaibsvb/32/102515_2.png) [@vaibsVB](https://forum.ionicframework.com/u/vaibsVB)\
**Post date:** [September 1, 2016, 6:51am UTC](https://forum.ionicframework.com/t/ionic2-resources-splash-screen-and-icon-source-size/62215/4 "2016-09-01T06:51:12Z")

</div>

The blog was written on **Automating Icons and Splash Screens** [Automating Icons and Splash Screens - Ionic Blog](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](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.

> [@mhartington](#):
>
> That is way too small for splash screens. They should be at least 2732x2732

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.

---

<div class="post-metadata">

**Author:** ![reedrichards](https://avatars.discourse-cdn.com/v4/letter/r/34f0e0/32.png) [@reedrichards](https://forum.ionicframework.com/u/reedrichards)\
**Post date:** [September 1, 2016, 6:58am UTC](https://forum.ionicframework.com/t/ionic2-resources-splash-screen-and-icon-source-size/62215/5 "2016-09-01T06:58:57Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![reedrichards](https://avatars.discourse-cdn.com/v4/letter/r/34f0e0/32.png) [@reedrichards](https://forum.ionicframework.com/u/reedrichards)\
**Post date:** [September 7, 2016, 8:19am UTC](https://forum.ionicframework.com/t/ionic2-resources-splash-screen-and-icon-source-size/62215/6 "2016-09-07T08:19:14Z")

</div>

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
```

---

<div class="post-metadata">

**Author:** ![AndrWeisR](https://avatars.discourse-cdn.com/v4/letter/a/e47c2d/32.png) [@AndrWeisR](https://forum.ionicframework.com/u/AndrWeisR)\
**Post date:** [December 14, 2017, 5:24am UTC](https://forum.ionicframework.com/t/ionic2-resources-splash-screen-and-icon-source-size/62215/7 "2017-12-14T05:24:16Z")

</div>

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.
