How do I make this ViewPortFrame universally square?

[Bobgamertv1ste (TheNoobPlayer)]

You can write your topic however you want, but you need to answer these questions:

1. What do you want to achieve? Keep it simple and clear!
   Hey, I’m trying to have a ViewPortFrame that represents the head of an NPC in a dialog. This means that it needs to be square, as to not distort the shape of the head.
   (see non-distorted image here)
   
   

The problem is: no matter what I do; using scale instead of offset, aspectratiocontraints… nothing seems to fix it completely distorting when I test how it’ll look on other devices.
(see distorted image here)

This is a general problem on all parts of my UI, but it’s most noticeable with the ViewPortFrame for the NPC’s head.

If you need it, you can find the ScreenGUI here:
TalkUI.rbxm (15.3 KB)
Here is where the main problem is:

Be as critical as you need to be. If I’m doing something completely wrong, please tell me so.
Anyway, thanks in advance for reading this

[Avvalor (avv)]

i havent looked into the ui u uploaded but did you try putting apect ratio constraint under Main frame?

[Bobgamertv1ste (TheNoobPlayer)]

I have tried to do so, but this is the end result:

(this one is done without changing any values)

(this one is done with the AutoScale Lite plugin)

[Avvalor (avv)]

and whats wrong with the bottom image? isnt it what u intended?

[Bobgamertv1ste (TheNoobPlayer)]

it’s a lot higher than where it should be, it’s in the center instead of more to the bottom

here’s an image of what it looks like on an iPad 2

here’s how i’d want it to look like

[Avvalor (avv)]

your Main frame is simply too large, the main frame should encapsule the smaller frames inside of it this way:

[Bobgamertv1ste (TheNoobPlayer)]

thanks, but does that mean that I have to re-do the values for everything again (since i’m using scale not offset)?

[Avvalor (avv)]

just make Main frame like i showed above, and rebuild the ui inside of it, so yea u’d have to change your scale values

[Bobgamertv1ste (TheNoobPlayer)]

alright, thanks so much for your help man
i’ll contact you if that doesn’t fix the problem

[Bobgamertv1ste (TheNoobPlayer)]

bro i’m totally lost, how do you think that I should do this? i’ve seperated everything from the ‘Main’ frame but other than that i have no idea how to proceed