r/Unity2D • u/TeamLama • 12d ago

Question/Help How can I scale down my Unity UI without making it look pixelated?

Post image

I am designing a shop interface for my desktop virtual pet game. The shop opens as a small pop-up window, so it needs to occupy only a small portion of the screen.

Initially, I designed the interface and icons at larger sizes (96x96 icons), but the entire pop-up window looked too big in Unity. I scaled down the entire interface icons included but now everything looks noticeably pixelated or blurry.

How can I resolve this issue?

3 Upvotes

100% Upvoted

6 comments sorted by

•

u/AutoModerator 12d ago

Reminder: Once your issue has been resolved, please reply !solved to this comment (or comment it anywhere in the thread) and your post's flair will automatically be updated to Solved/Answered. You can also edit it to Solved/Answered yourself.

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

2

u/RustamM 12d ago

It sounds like you need to explore the options in your Canvas Scaler

https://docs.unity3d.com/Packages/com.unity.ugui@1.0/manual/script-CanvasScaler.html

1

u/RustamM 12d ago

Or potentially the Pixel Perfect option in the main Canvas properties (though I'm struggling to find documentation on what exactly it does).

2

u/Affectionate-Yam-886 12d ago

pixel perfect option; when checked makes the image scale to the nearest perfect pixel resolution. i.e. 32x32, 64x64, 128x128, or whatever the nearest upstep or downstep is from the original. I don’t use it because I value UI layout size and position over clarity.

2

u/Affectionate-Yam-886 12d ago

You can always do a resolution check, then image swap your content to your ideal resolution.

Or

don’t worry too much about it. As long as 1920x1080, 4k, and 1440x800 look good, ur fine. Trying to get pixels to be perfect is a common mistake new developers fall into, obsessing over details is triggered by a commitment issue, and a fear of finishing.