Trying to upload a UI but it is blury

Hi, I am trying to learn how to do UI’s and when I upload my UI I made from Photoshop to Roblox it always looks blurry in-studio and in-game. Can anyone help? And does anyone have any suggestions on how I could improve how this UI looks?

What it looks like in ROBLOX:

Photoshop High-Quality image:

1 Like

Honesty your picture itself before transferred into Roblox needs to look REALLY clean. I’m not sure how they looked before but rn they all look pretty good.

What to you mean by clean? How would I go about doing that?

If you use like the bad version of something lets say canva then it won’t be extremely precise. You may want to upgrade if your wanted to become a ui designer. Honestly those look good ngl so I don’t know REALLY what your problem is.

1 Like

i dont really see a difference in that but, roblox does reduce the quality when you import images (as far as what i have heard)

and also disable ignore gui something(dont remember the name) in your screen gui to fill the top bar that is not being covered

1 Like

The image you’re trying to upload is way too small. It’s 1025x576 and Roblox resized it to 2538x1332. It basically had to make the image twice as big which blurs the image in the process. I suggest making the image again but at the correct size this time. Good luck!

4 Likes

I fixed this and it fixed my issue I was having, thanks for the help!