When I use images in my UI, I have an issue where they are always too “sharp”, meaning they look like below:
A settings icon I have used in my UI. This is what it looks like normally.
I attempted to solve this problem by enabling mip maps, but this is what is looks like then:
Same icon as above, but with mip maps enabled.
I am looking for a result that is in between these two. Something that doesn’t have jagged edges, but also doesn’t look too blurry.
I have looked into enabling Anti-Aliasing, but this only seems to be available if the UI canvas’ render mode is set to “Screen Space - Camera”, but my implementation is of the render mode set to “Screen Space - Overlay”. My UI seems to break when I change the render mode, so I’m stuck with “Screen Space - Overlay” for now.
Any suggestions welcome!