What size are UI buttons on a 1920x1080 canvas?

Hello! I want to showcase my UI designs from photoshop but everytime I put them as a png, they’re really small compared to what I did in photoshop. Help would be appreciated.

I use rounded squares.

Where are they small? When opening on your computer, or when putting them on Roblox?

ImageLabels and ImageButtons don’t automatically change size to the image. You need to change that in its Size property.

2 Likes

Im talking about on photoshop when i make them and save them as png theyre really small in the picture

Maybe a screenshot of your photoshop setup and an example of the final result would help to understand where you’ve got confused.

Either your canvas size is too small in photoshop and you’re editing at greater than 100% zoom, so when you export and it is shown back to you at 100%, it looks small.

Or, you are exporting it / slicing it in some way that is causing you issues.

It’s hard without any screenshots in the program and any examples to understand what you’re doing. There isn’t really any general answer to give, other than to edit the images at the size you want them to be, working at 100% zoom.

here’s a screenshot of my setup and the example saved as png

Oh it made it larger when I put on here. When I would send the picture through discord etc it would be smaller. I don’t know why but this’ll do.

If made at 1920x1080, and then viewed in a smaller preview on Discord it will indeed show up smaller. If you click Open Original on Discord and allow it to reach 100% zoom on your browser, it’ll match the sizing it was made in.

1 Like