UI Sizing Help!

I need help for some UI sizing issues I have been having.

So I need to make a UI that fits the screen well as a background but looks good and doesn’t stretch out weirdly, but I don’t know how. I try to use the sizing but I don’t know what the right size is to make it fit the full background. The background is supposed to be little crowns that like switch angles to look like they are moving.

Background
This is what I have done, but when my friend adds it, it is stretch out. The size on this is (1300, 800)
If anyone knows how to help it would help greatly! Thank you!

2 Likes

You can use a UIAspectRatioConstraint to preserve the width to height ratio of your crowns.

2 Likes

Thank you. I will talk to my friend and try that!

I Should also mention that image your image is way too big,
Roblox accept max 1024x1024, there isn’t really any reason to spam the same icon, you can just add a single one then duplicate it in studio.

1 Like

It doesn’t matter that it’s too big; yes, it’ll get compressed (which can lead to artifacts and blurred areas) but Roblox automatically downscales any images larger than 1024x1024 to that size.

1 Like

Okay, thank you for this info. We tried to duplicate it but it didn’t turn out well. We will try again both ways. Thank you for the sizing too.

If you want to have the image repeat and cover the whole screen, all you need to do is put the image in an ImageLabel with the size 1,0,1,0. Then, set the ScaleType to Tile, and simply set TileSize to the appropriate values that you wish.

1 Like

You can try changing the image Type to Fit instead of stretch

1 Like