# How to make a splash screen that will be well displayed on the all selected devices?

**URL:** <https://community.thunkable.com/t/how-to-make-a-splash-screen-that-will-be-well-displayed-on-the-all-selected-devices/30315>\
**Category:** Questions about Thunkable X\
**Tags:** beginner\
**Created:** [June 6, 2018, 12:08am UTC](https://community.thunkable.com/t/how-to-make-a-splash-screen-that-will-be-well-displayed-on-the-all-selected-devices/30315 "2018-06-06T00:08:37Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![mgig](https://avatars.discourse-cdn.com/v4/letter/m/e95f7d/32.png) [@mgig](https://community.thunkable.com/u/mgig)\
**Post date:** [June 6, 2018, 12:08am UTC](https://community.thunkable.com/t/how-to-make-a-splash-screen-that-will-be-well-displayed-on-the-all-selected-devices/30315/1 "2018-06-06T00:08:37Z")

</div>

I have a splash screen image. How do I make this full screen and optimized for all devices? I want it to fit perfectly for any sized phone…

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [June 6, 2018, 7:54am UTC](https://community.thunkable.com/t/how-to-make-a-splash-screen-that-will-be-well-displayed-on-the-all-selected-devices/30315/2 "2018-06-06T07:54:58Z")

</div>

To make the image ideally suited for all devices, you need to make a separate image for each device - this is an extremely complicated and unnecessary work. Correctly set the task as follows: how to make a splash screen that will be well displayed on the selected devices?

For this, separate images are made under several different screen sizes. But currently Thunkable X does not support screen definition and device type. Therefore, the screensaver for iPhone5 will be noticeably different from what will be displayed on Android tablet with 10 inches.

Use scaling to get more or less good results on different devices.

---

<div class="post-metadata">

**Author:** ![mgig](https://avatars.discourse-cdn.com/v4/letter/m/e95f7d/32.png) [@mgig](https://community.thunkable.com/u/mgig)\
**Post date:** [June 6, 2018, 12:49pm UTC](https://community.thunkable.com/t/how-to-make-a-splash-screen-that-will-be-well-displayed-on-the-all-selected-devices/30315/3 "2018-06-06T12:49:53Z")

</div>

How would you do this as you build out your app to include all screen sizes? Do you need to build a specific and separate app for each device type?

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [June 6, 2018, 1:08pm UTC](https://community.thunkable.com/t/how-to-make-a-splash-screen-that-will-be-well-displayed-on-the-all-selected-devices/30315/4 "2018-06-06T13:08:56Z")

</div>

Do not create a separate application for each device. You need one application with multiple images. But this in Thunkable X will not work. Therefore, you need one suitable picture which you then need to scale. Can you give me an image that you want to place on the screen of your mobile device?

---

<div class="post-metadata">

**Author:** ![mgig](https://avatars.discourse-cdn.com/v4/letter/m/e95f7d/32.png) [@mgig](https://community.thunkable.com/u/mgig)\
**Post date:** [June 6, 2018, 1:23pm UTC](https://community.thunkable.com/t/how-to-make-a-splash-screen-that-will-be-well-displayed-on-the-all-selected-devices/30315/5 "2018-06-06T13:23:20Z")

</div>

![5b17161fcbdd675df2f1cc8d](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/8/98e21e42cba7b8938c2f14426d7c64a2b228e4be.jpg)

sample splash screen

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [June 6, 2018, 1:25pm UTC](https://community.thunkable.com/t/how-to-make-a-splash-screen-that-will-be-well-displayed-on-the-all-selected-devices/30315/6 "2018-06-06T13:25:46Z")

</div>

Now I’ll look.

As a reference, the sizes of the screens of different devices you can see here

[http://screensiz.es/phone](http://screensiz.es/phone)

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [June 6, 2018, 1:39pm UTC](https://community.thunkable.com/t/how-to-make-a-splash-screen-that-will-be-well-displayed-on-the-all-selected-devices/30315/7 "2018-06-06T13:39:35Z")

</div>

The image looks good. I made it as the background for the screen and everything is fine. I think for Apple iPhone N+ it will do. Personally, I would optimize it in some editor because I think that 127 KB is a lot for this image.

---

<div class="post-metadata">

**Author:** ![mgig](https://avatars.discourse-cdn.com/v4/letter/m/e95f7d/32.png) [@mgig](https://community.thunkable.com/u/mgig)\
**Post date:** [June 6, 2018, 1:48pm UTC](https://community.thunkable.com/t/how-to-make-a-splash-screen-that-will-be-well-displayed-on-the-all-selected-devices/30315/8 "2018-06-06T13:48:16Z")

</div>

I guess I am confused. How would I ensure this image fits perfectly on all (majority) screen types? If i make it fit on the editor, will it fit on all iPhone sizes?

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [June 6, 2018, 2:00pm UTC](https://community.thunkable.com/t/how-to-make-a-splash-screen-that-will-be-well-displayed-on-the-all-selected-devices/30315/9 "2018-06-06T14:00:06Z")

</div>

The image size of 750 \* 1334 px which has your image is the optimal and popular size for mobile phone . I do not think that users will view the screen through a magnifying glass. For them it is much more important that the application be useful to them, work without errors and crash.

To reduce weight, you can use some online resource to optimize images (for example [https://tinypng.com/](https://tinypng.com/)).

---

<div class="post-metadata">

**Author:** ![mgig](https://avatars.discourse-cdn.com/v4/letter/m/e95f7d/32.png) [@mgig](https://community.thunkable.com/u/mgig)\
**Post date:** [June 6, 2018, 3:28pm UTC](https://community.thunkable.com/t/how-to-make-a-splash-screen-that-will-be-well-displayed-on-the-all-selected-devices/30315/10 "2018-06-06T15:28:05Z")

</div>

So that size will naturally fit several screen sizes automatically? For example, a Samsung Galaxy versus iPhone 10 versus iPhone 7.

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [June 6, 2018, 4:51pm UTC](https://community.thunkable.com/t/how-to-make-a-splash-screen-that-will-be-well-displayed-on-the-all-selected-devices/30315/11 "2018-06-06T16:51:42Z")

</div>

Yes, it will happen due to the image zooming.

---

<div class="post-metadata">

**Author:** ![mgig](https://avatars.discourse-cdn.com/v4/letter/m/e95f7d/32.png) [@mgig](https://community.thunkable.com/u/mgig)\
**Post date:** [June 6, 2018, 6:48pm UTC](https://community.thunkable.com/t/how-to-make-a-splash-screen-that-will-be-well-displayed-on-the-all-selected-devices/30315/12 "2018-06-06T18:48:58Z")

</div>

Thank you for all of your help!

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 12:02pm UTC](https://community.thunkable.com/t/how-to-make-a-splash-screen-that-will-be-well-displayed-on-the-all-selected-devices/30315/13 "2024-11-08T12:02:36Z")

</div>


