How to keep a frame in a UI ImageLabel proportional

[khain3005]

In Size properties there is the relative size and the pixel absolute size. By default they always come with pixel absolute size. In this case you want to be using relative.

The image above has a 100x100 pixel size set. Size uses a UDim2 value to set the value. And UDim2 value looks like this:
({ScalarX, PixelX}, {ScalarY, PixelY})

Basically change the size using ScalarX and ScalarY to keep it responsive.

You may know more about Sizes right here:
https://developer.roblox.com/en-us/api-reference/property/GuiObject/Size

And this is a how to guide to responsiveness in Roblox:

Keeping the Aspect Ratio of your GUIs

Update: Please note this guide was written before the implementation of UIScaling and Constraints, it is recommended that you use those unless you have specific-use case for this or prefer this method. a 2am in the morning tutorial, hooray! I’m putting this out for people who want to know a way to keep the aspect ratio of GUIs the same whenever the Roblox game window is resized. I used to stick with the offset size a ton because in general it looked better and scaling usually has those blurry …