Black Outline Around Transparent Decals

See this photo before reading. I’m attempting to create a directional compass, but the decal I uploaded has weird grey/black lines around it. The image itself is only white with a transparent background, so I had no clue where the dark outline was coming from. Then, I realized that Paint.NET defaults transparent pixels to rgba(0,0,0,0), so you can’t have a “white transparency” (rgba(1,1,1,0)), it only supports “black transparency”, and Roblox’s decal resizing must not take that into account. There’s an easy way for Roblox to fix this, by ignoring transparent pixels upon rescaling, but I’d like to be able to fix it myself in the meantime. Is there anyone who has a solution, or am I going to be forced to use a decal for every individual line?

P.S. I do realize that 270 is West, not North West, I was just testing the width of the ImageLabel to support two letters.

3 Likes

Use this application by @Corecii, it is a lifesaver.

4 Likes

As an addition to @Uglypoe’s post, reading this is probably a good idea as well.

Fixing images in Roblox ui (black outlines)

2 Likes

@Uglypoe @RedDuck765 Thanks a ton fellas.

1 Like