How do you make small icons look good?

I am running into an issue with my UI.

Basically I need to have a lot of small icons, similar to many other games, here is an example:

6188187--678387--upload_2020-8-10_18-7-15.png

As you can see, these look awful. It seems when they get too small it simply does not look good. I has nothing to do with import options or anti-aliasing, I have tried everything there. I submitted it as a bug but according to Unity it simply will not look good when images are scaled down too much.

So what are my options then when I need small icons? How do other games do it?

For reference, here are the same icons zoomed in, as you can see, they look fine:

import your icons at a lower resolution

You probably don’t have any mip maps enabled for your icon textures, so when they get scaled down they alias like you see above. But if you enable mip maps when you shrink them they’ll get really blurry. You either need to have your icons imported much closer to the size you intend them to be displayed as, or you’ll need a custom shader to can handle down scaling without getting so blurry.

I wrote an article on this here:

2 Likes

I’ve tried mipmaps and like u said its really blurry. Using lower resolution on the imported .png doesnt seem to change anything either. Ill take a look at the article, thanks :slight_smile: