Why is my splash screen logo stretched?

Jukuon · May 1, 2017

I am using unity 5.6. I added a logo to in Player Settings for Android. The logo is always stretched unproportionately in Unity Editor or Android device.

My game is in 1080x1920 resolution and I've tried making the logo with that size with transparent background, also tried creating a square or the suggested 320x480 but the problem is always there.

How do I fix this? Thanks.

Jukuon · May 3, 2017

No one at all? Anyone?

Jukuon · May 5, 2017

No love for newbie unity user.

Anyway, I finally figured it out. In the Inspector tab. make sure under the

Sprite Mode > Mesh Type is set to Full Rect

Other settings should
Texture Type: Sprite (2D and UI)
Sprite Mode: Single

Advance
Alpha Is Transparency: Checked

thexdd · Jun 2, 2017

Jukuon said: ↑

No love for newbie unity user.

Anyway, I finally figured it out. In the Inspector tab. make sure under the

Sprite Mode > Mesh Type is set to Full Rect

Other settings should
Texture Type: Sprite (2D and UI)
Sprite Mode: Single

Advance
Alpha Is Transparency: Checked
Click to expand...

Ah, thank you mate. That is a really helpful information. Was having troubles with this too.

AlphaGTR · Jun 21, 2017

Helpful posts

Kirox94 · Aug 11, 2017

I had this problem too, but I solved setting the mesh type to Full Rect. Ty Jukuon!

jbergs · Aug 12, 2017

Yup, same problem. Checked Full Rect fixed it. Thanks!

LOLinc · Aug 21, 2017

Thank you!
(this really should be part of the official unity splash-screen documentation)

karl_jones · Aug 21, 2017

LOLinc said: ↑

Thank you!
(this really should be part of the official unity splash-screen documentation)
Click to expand...

To adjust the background image’s response to aspect ratio, change the Sprite’s Position values in the Sprite Editor. Adjust the Position and dimensions of the Sprite in the Sprite Editor to control the aspect ratio and position of the background image on the Splash Screen. In Image D, below, the same image is being used for both landscape and portrait; however, the portrait position has been adjusted.
Click to expand...

https://docs.unity3d.com/Manual/class-PlayerSettingsSplashScreen.html

You dont have to be in Full rect mode however any changes to the border will be ignored as the splash screen does not support 9 slice mode.

LOLinc · Aug 27, 2017

karl_jones said: ↑

https://docs.unity3d.com/Manual/class-PlayerSettingsSplashScreen.html

You dont have to be in Full rect mode however any changes to the border will be ignored as the splash screen does not support 9 slice mode.
Click to expand...

Good to know - thanks

statmom · Nov 28, 2017

This is awesome! I was spending a lot of time trying to figure this out - only need to change sprite image to Full Rect Mode. Thanks!

Serve · Mar 7, 2018

Thanks Jukuon, exactly what I needed!

yoonitee · Mar 26, 2018

Thanks

nicolasbulchak · Apr 15, 2018

Thank you so much for figuring this out. Was driving me crazy

Abdulrazek · May 10, 2018

Thank you so much this was very helpful

tarnumius · Jul 17, 2018

Thank you!

Kaldrin · Aug 20, 2018

Thanks a loooot

MoMughal · Sep 13, 2018

Thanks a lot mate

jennagoldberg · Oct 19, 2018

Jukuon said: ↑

No love for newbie unity user.

Anyway, I finally figured it out. In the Inspector tab. make sure under the

Sprite Mode > Mesh Type is set to Full Rect

Other settings should
Texture Type: Sprite (2D and UI)
Sprite Mode: Single

Advance
Alpha Is Transparency: Checked
Click to expand...

This was very helpful, thank you!

karl_jones · Oct 19, 2018

Im working on some changes at the moment so tight mesh sprites will work and you will even be able to use vector sprites
Probably be a 2019.1 feature.

naderlabbad309 · Nov 15, 2018

Jukuon said: ↑

No love for newbie unity user.

Anyway, I finally figured it out. In the Inspector tab. make sure under the

Sprite Mode > Mesh Type is set to Full Rect

Other settings should
Texture Type: Sprite (2D and UI)
Sprite Mode: Single

Advance
Alpha Is Transparency: Checked
Click to expand...

............................................................................................thank you

enigmagame · Apr 10, 2019

Hi,
on Unity 2017.4.15f1 I've the same issue, no matter if the sprite is configured with Mesh Type as Full Rect.
Using the preview feature in the Splash Image panel the logo appears stretched.
How is the proper way to fix it?

karl_jones · Apr 10, 2019

enigmagame said: ↑

Hi,
on Unity 2017.4.15f1 I've the same issue, no matter if the sprite is configured with Mesh Type as Full Rect.
Using the preview feature in the Splash Image panel the logo appears stretched.
How is the proper way to fix it?
Click to expand...

Try adjusting the logo bounds in the sprite editor. https://docs.unity3d.com/Manual/class-PlayerSettingsSplashScreen.html

enigmagame · Apr 10, 2019

karl_jones said: ↑

Try adjusting the logo bounds in the sprite editor. https://docs.unity3d.com/Manual/class-PlayerSettingsSplashScreen.html
Click to expand...

Hi karl_jones,
I've already read that manual page but I don't understand what do you mean with "adjusting the logo bounds" the image is already correctly sized. If I touch the bounds the image will be cutted, not resized.

karl_jones · Apr 10, 2019

enigmagame said: ↑

Hi karl_jones,
I've already read that manual page but I don't understand what do you mean with "adjusting the logo bounds" the image is already correctly sized. If I touch the bounds the image will be cutted, not resized.
Click to expand...

Can you share the image so I can try it myself?

enigmagame · Apr 11, 2019

karl_jones said: ↑

Can you share the image so I can try it myself?
Click to expand...

Sure,
here you can find a resized version of the FMOD logo.

fluffyfrogstudios · May 25, 2019

Champion. thanks

Horus_Sungod42 · Jun 5, 2019

thanks!

karl_jones · Jun 5, 2019

If you are using 2019.2+ you can now use tight mesh sprites and vector sprites in the splash screen as logos

Dotberrys · Jun 12, 2019

Hi,

Any way to resize the logo on the splash screen? It looks way too big with the default settings. I tried to adjust the resolution of the logo but it still appears in the same big size. Any help would be appreciated.

karl_jones · Jun 12, 2019

Dotberrys said: ↑

Hi,

Any way to resize the logo on the splash screen? It looks way too big with the default settings. I tried to adjust the resolution of the logo but it still appears in the same big size. Any help would be appreciated.
Click to expand...

You could try adjusting the bounds in the sprite editor.

vladutstefan27 · Jul 9, 2019

Jukuon said: ↑

No love for newbie unity user.

Anyway, I finally figured it out. In the Inspector tab. make sure under the

Sprite Mode > Mesh Type is set to Full Rect

Other settings should
Texture Type: Sprite (2D and UI)
Sprite Mode: Single

Advance
Alpha Is Transparency: Checked
Click to expand...

Thank you kindly!

LilGames · Oct 2, 2019

I've read through this thread and none seem to address how to display an image UNSCALED in the splash logo sequence. Adjusting bounds does nothing. Say I want to display a 600x400px logo in a 1920x1080 screen, how do I keep the logo at the size it's supposed to be instead of it scaling/stretching?

karl_jones · Oct 2, 2019

LilGames said: ↑

I've read through this thread and none seem to address how to display an image UNSCALED in the splash logo sequence. Adjusting bounds does nothing. Say I want to display a 600x400px logo in a 1920x1080 screen, how do I keep the logo at the size it's supposed to be instead of it scaling/stretching?
Click to expand...

Thats not supported. The logo is always scaled to fill a portion of the screen.
You could show a custom scene after the splash with your logo how you want it to be.

LilGames · Oct 4, 2019

karl_jones said: ↑

Thats not supported. The logo is always scaled to fill a portion of the screen.
You could show a custom scene after the splash with your logo how you want it to be.
Click to expand...

Well that clarifies things. Thank you.

Gillissie · Oct 23, 2019

Another tip: I noticed that the first splash logo doesn't fade in properly, due to launch lagginess. Put a solid colored sprite (same color as the background) as the first logo, so it takes the brunt of the launch lagginess. Then your actual logo will fade in nicely as it's supposed to. Would be nice if this workaround wasn't necessary.

MaceB · Oct 31, 2019

karl_jones said: ↑

You could try adjusting the bounds in the sprite editor.
Click to expand...

Can you please provide more explanation how to do this?

karl_jones · Oct 31, 2019

MaceB said: ↑

Can you please provide more explanation how to do this?
Click to expand...

What are you trying to do?

LilGames · Nov 15, 2019

karl_jones said: ↑

Thats not supported. The logo is always scaled to fill a portion of the screen.
You could show a custom scene after the splash with your logo how you want it to be.
Click to expand...

Despite my reply above, I once again am mired in this splash screen logo obtuseness. Can you not tell us what AREA of the screen Unity fills with the selected logo? I just still cant figure out what SIZE to make my logos so they fit.

Unity 2018.4.1f1

*EDIT* I took a screen shot of a full 1920x1080 "logo", screen capped it and brought it into Photoshop so I could "measure" what size it got squished down to. Looks liked about 1164x658 (on a 1920x1080 screen). Weird value... So I cropped my logo to fit that width. Seems to work.

But really.. there's no actual numbers, percentage or ratios Unity can give us in the manual or in this thread?

karl_jones · Nov 18, 2019

LilGames said: ↑

Despite my reply above, I once again am mired in this splash screen logo obtuseness. Can you not tell us what AREA of the screen Unity fills with the selected logo? I just still cant figure out what SIZE to make my logos so they fit.

Unity 2018.4.1f1

*EDIT* I took a screen shot of a full 1920x1080 "logo", screen capped it and brought it into Photoshop so I could "measure" what size it got squished down to. Looks liked about 1164x658 (on a 1920x1080 screen). Weird value... So I cropped my logo to fit that width. Seems to work.

But really.. there's no actual numbers, percentage or ratios Unity can give us in the manual or in this thread?
Click to expand...

Ill look into improving the documentation for this.
Here is a simplified script to show how the logo area is calculated:

Code (csharp):

using UnityEngine;

public class ShowSplash : MonoBehaviour

{

public float logoFullScreenScale = 0.8f;

public float unityLogoHeightScale = 0.21f;

public bool withUnityLogo = false;

void OnGUI()

{

var windowSz = new Rect(0, 0, Screen.width, Screen.height);

float minSideLength = Mathf.Min(Screen.width, Screen.height);

var forgroundRect = new Rect(

windowSz.x + (windowSz.width - minSideLength) * 0.25f,

windowSz.y + (windowSz.height - minSideLength) * 0.25f,

(windowSz.width + minSideLength) * 0.5f,

(windowSz.height + minSideLength) * 0.5f);

if (withUnityLogo)

{

var companyLogoRect = new Rect(

windowSz.x + (windowSz.width - minSideLength) * 0.25f,

0,

(windowSz.width + minSideLength) * 0.5f,

windowSz.height * 0.5f);

var center = companyLogoRect.center;

companyLogoRect.size *= logoFullScreenScale;

companyLogoRect.center = center;

GUI.DrawTexture(companyLogoRect, Texture2D.whiteTexture);

}

else

{

GUI.DrawTexture(forgroundRect, Texture2D.whiteTexture);

}

}

}

The white rect in the script is the safe area for the logo, we then scale the logo to fit inside this rect.

NgCa · Dec 13, 2019

karl_jones said: ↑

Ill look into improving the documentation for this.
Here is a simplified script to show how the logo area is calculated:

Code (csharp):

using UnityEngine;

public class ShowSplash : MonoBehaviour

{

public float logoFullScreenScale = 0.8f;

public float unityLogoHeightScale = 0.21f;

public bool withUnityLogo = false;

void OnGUI()

{

var windowSz = new Rect(0, 0, Screen.width, Screen.height);

float minSideLength = Mathf.Min(Screen.width, Screen.height);

var forgroundRect = new Rect(

windowSz.x + (windowSz.width - minSideLength) * 0.25f,

windowSz.y + (windowSz.height - minSideLength) * 0.25f,

(windowSz.width + minSideLength) * 0.5f,

(windowSz.height + minSideLength) * 0.5f);

if (withUnityLogo)

{

var companyLogoRect = new Rect(

windowSz.x + (windowSz.width - minSideLength) * 0.25f,

0,

(windowSz.width + minSideLength) * 0.5f,

windowSz.height * 0.5f);

var center = companyLogoRect.center;

companyLogoRect.size *= logoFullScreenScale;

companyLogoRect.center = center;

GUI.DrawTexture(companyLogoRect, Texture2D.whiteTexture);

}

else

{

GUI.DrawTexture(forgroundRect, Texture2D.whiteTexture);

}

}

}

The white rect in the script is the safe area for the logo, we then scale the logo to fit inside this rect.
Click to expand...

yeah exactly what i'm locking for.

MTalhaAli · Apr 23, 2020

thanks
plz upload more helpful posts

RahulUnni · Oct 16, 2020

Thank you Jukuon. really helpfull

FuegoHD · Oct 19, 2020

Amazing how 1 post can help so many ppl for so many years to come.

AV8-Tech · Oct 22, 2020

For such a simple and commonplace requirement, I'm perplexed as to why the splash screen doesn't have the ability to just size and position the image you want to display. Anyway, I found a workaround; create the image in something like Illustrator, make it a smaller size than your artboard and when you export, check "use artboards". This creates a transparent area around the image and thus reduces its overall size on the splash screen.

It should be this complicated

yonek_idreams · Nov 5, 2020

karl_jones said: ↑

Ill look into improving the documentation for this.
Here is a simplified script to show how the logo area is calculated:

Code (csharp):

using UnityEngine;

public class ShowSplash : MonoBehaviour

{

public float logoFullScreenScale = 0.8f;

public float unityLogoHeightScale = 0.21f;

public bool withUnityLogo = false;

void OnGUI()

{

var windowSz = new Rect(0, 0, Screen.width, Screen.height);

float minSideLength = Mathf.Min(Screen.width, Screen.height);

var forgroundRect = new Rect(

windowSz.x + (windowSz.width - minSideLength) * 0.25f,

windowSz.y + (windowSz.height - minSideLength) * 0.25f,

(windowSz.width + minSideLength) * 0.5f,

(windowSz.height + minSideLength) * 0.5f);

if (withUnityLogo)

{

var companyLogoRect = new Rect(

windowSz.x + (windowSz.width - minSideLength) * 0.25f,

0,

(windowSz.width + minSideLength) * 0.5f,

windowSz.height * 0.5f);

var center = companyLogoRect.center;

companyLogoRect.size *= logoFullScreenScale;

companyLogoRect.center = center;

GUI.DrawTexture(companyLogoRect, Texture2D.whiteTexture);

}

else

{

GUI.DrawTexture(forgroundRect, Texture2D.whiteTexture);

}

}

}

The white rect in the script is the safe area for the logo, we then scale the logo to fit inside this rect.
Click to expand...

I see you talking about the 'safe area', as we see the image is being stretched to fit the safe area. We have a problem with it as our splash screen design is requiring to stretch full screen on iPhone X. Could you guys add a option for this in the splash screen setup?

hybridshivam · Feb 18, 2021

Jukuon said: ↑

No love for newbie unity user.

Anyway, I finally figured it out. In the Inspector tab. make sure under the

Sprite Mode > Mesh Type is set to Full Rect

Other settings should
Texture Type: Sprite (2D and UI)
Sprite Mode: Single

Advance
Alpha Is Transparency: Checked
Click to expand...

Thank you It works!!!!!

Search Unity

Unity ID

Useful Searches

Why is my splash screen logo stretched?

Unity Technologies

Unity Technologies

Unity Technologies

Unity Technologies

Unity Technologies

Unity Technologies

Unity Technologies

Unity Technologies

Unity Technologies