How to preserve aspect ratio of my background image without stretching?

[Notter]

Hello, I’ve got a background that has a tiles pattern on it, and it’s giving me a problem when i try it out in different Resolutions (for example: 1024x540 and 2024x1536).

I want to keep the same aspect ratio of the bottom and top, without the tiles looking stretched.

this is how the background should look:

I’ve tried 9-slicing just the bottom, but then i have an issue that the aspect ratio as not preserved and the bottom part takes a larger % of the screen.

Anyone got ideas on how to deal with this?
thank you

[Notter]

I’ve managed to solve it by using Aspect-Ratio Fitter with mode “Envelope Parent”.

This makes it so the image is larger than my screen, but the aspect is always preserved.

UPDATE: The correct answer, was using “tiled” on my image. it’s simple, and i completely missed it.

[FlopPD]

Another option is to use the ‘Preserve Aspect’ toggle in the ‘Image’ component of the background panel.