Why does my ImageLable blur out when I shrink it uniquely only to the x-axis?

Asked by

iiAsianVibez 0

5 years ago

So I was tryna make like my health imagelable shrink everytime it took damage, but when I tried shrinkin' my imagelable, my image just blurred out instead of keepin' its' real image.

Could you post the part of the script that's shrinking the imagelabel? That could give some insight into what's happening. ZoltofLightning 27 — 5y

Oh I haven't scripted it yet, I was just messing around with it's size and I encountered this problem by chance, you want a picture? iiAsianVibez 0 — 5y

"Scripting"- helpers m8. It is probably cause of your size offset thingys. greatneil80 2647 — 5y

1 answer

Answered by

NinjoOnline 1146

5 years ago

Images are a really frustrating thing to wrap your head around with Roblox. When you upload an image onto Roblox, it will have a size based on pixels. These sizes are very important to keep in mind. When resizing an image, that causes it to distort (creating the blur effect you're talking about)

Basically, if your image is 100x100 pixels, then its Size in Roblox needs to be

{0, 100, 0, 100}

If it ain't, then it will become blurry.

Now when it comes to resizing. Look down at the ScaleType, which by default is 'Stretch' which means the image will Stretch to take up the entire ImageLabels size, and thus creating the blur. I tend to stick with 'Fit' as that keeps it the right size (especially handy when using scaling instead of offset for sizing)

My only recommendation to accommodate this is to make the image resolution larger, so when it's shrunk the blur isn't as noticeable, or learn 9-Slice-Scaling.

If you need anymore help feel free to flick me a message :D glad to help anytime :)

Why does my ImageLable blur out when I shrink it uniquely only to the x-axis?

1 answer

Answer this question