UI gets worse when i zoom out

I imported the picture into unreal engine. in the first screenshot the picture shows the outline


, but in the second screenshot it doesn’t

. This makes my UI look bad. How can this be fixed?

It seems that the problem is that the outline is about 1px wide, which can be properly represented when it’s displayed at the 100% or more of the size of the image. But if you try to ask your screen to display something smaller than 1px, it will probably be invisible or badly displayed.

If you want this image to be smaller, the best thing to do is to create the UI element at the final resolution, or create multiple versions of it for each resolution you need.

If you want a more complex and flexible solution, you could create a user interface shader.

1 Like