How to scale images properly?

[ChadTheCreator]

Howdy developers!

I’m currently working on uploading some basic, pixelated images for my game. I couldn’t manage to find any other threads relating to this. This one is a single bullet, the original image being 14x14, so very small. When I try to put it in an ImageLabel/ImageButton however, it becomes very blurry when it’s scaled up. Does anyone know of a way to keep the ‘crispness’ of the original 14x14 image? For reference, the button displayed here is roughly 90x90, but the button changes scale depending on the user’s screen.

[DybalaplaysYT (questforLa_Flame)]

try changing the scale type to crop maybe

[JedDevs (Theo)]

You’re going to want a higher res photo - Roblox doesn’t attempt to upsample your images for you. If you want a 90x90 button, then you’re going to want AT LEAST a 90x90 source image.

[prTESTAQ]

Yes, if you have a small starting image and import it into studio and make it bigger, then unfortunately the resolution does go down, I would try making the image bigger in the external program you made it in, and then import it to studio, resizing shouldn’t affect resolution then.

However I myself haven’t tested to see if this works, first time for everything I guess?

Good luck, hope I helped

[takticiadam (Taktici)]

Upscale your 14x14 image to 1024x1024 (roblox’s resolution limit) then try again, it will be better this time

[yO_eyDev (yoeymeme)]

Upsample? Roblox uses three point, its the image method what Roblox gotta allow us to change

[ChadTheCreator]

Just coming back to this to provide the solution:

IF YOUR IMAGE IS BLURRY ON GUI, TRY SWITCHING IT TO ResampleMode > Pixelated. Worked for me in this case.

[yO_eyDev (yoeymeme)]

yep its the solution, i think its nearest neighbour scaling or “Box”