properly scale image as border in UMG

[Everynone]

@rubm123

Why does the image size have no effect?

Because UMG is not clever enough and it uses the size of the asset itself. Image size would be important were you to use a material for 9-slicing:

How can i get nice unstreatched borders in UMG

9-Slice. Scroll down to Setting Image States: Example: The material is drawn as a box with margins set to zero. However, no matter how I’m configuring the margin and the draw-as, I can’t get it to look good on smaller buttons: Can you show how it’s set up, and what are the sizes we’re talking about? The thing is that 9-slice only works up, you want to design the smallest possible UI elements first, and only then stretch them, preserving edges / corners intact. Material responds to I…

The png file has 640 x 640 pixels.

.2 margin is 128px from each side. If your border is smaller than 256 in UMG, it will look distorted. As a general rule of thumb, go with the smallest image you can get away with and then scale it up.

Is the smallest element going to be 640x640 in UMG? Also, margins above .49 make little sense for a border. Make the image 64x64 and then it will look ok for all sizes from 64 upwards.