Gamepass icon size is stretched

I made a gamepass icon which should be displayed like this:
image
However, it is displayed as this:
image

I have a circle surrounding the entire icon so that nothing gets cropped. When I fill the circle with a color, the icon size is good and fits perfectly however, when I remove the background the size gets stretched.

2 Likes

Try using UIAspectRatioConstraint or UiSizeConstraint

1 Like

A very simple fix is to use ā€˜fitā€™ as scale type. It will use the actual resolution.

An ui aspect ration would still not use the actual resolution unless the images resolutions have the same nummbers at the x and y offsets

Works with UIAPRC:
512x512

Wont work with UIAPRC:
515x615
(And any other resolution having diffrent nummbers)

2 Likes

Do you know where the fit option is I canā€™t find it

Itā€™s in propreties under the ā€œImageā€ category.
image

1 Like

That is in roblox studio. What im talking about is here:

You may have to increase the size of the image (more transparent pixels) to make it a square image. This is because roblox will often stretch images which arenā€™t square to have a square aspect ratio to fit the size of the image for the website/app.

This might help if youā€™re confused:
IMG_6414

The image on the left has a larger size to give the image a square aspect ratio while the image on the right was uploaded as a 16:9 aspect ratio so it appears stretched.