UI develops black outline when rendered in Roblox

I’ve been making some simple pixel art decals for a game and I’ve noticed that some of my decals have black outlines when rendered in game.
This picture shows the decals that I exported from Figma

275bda6c0f9689f53a0fd9fca267ec8c
and these pictures show what happens when I import them into Roblox and use them
02940a3235ee31e4348d827a0bcd3468

It’s worth noting that BorderPixelSize is set to 0 and I’ve played around with other settings and properties and nothing seems to remove this. I’m not really sure what’s going on here but its been pretty frustrating. My question is how to remove this and prevent this from happening to other assets that I might want to add into my game. Any help is appreciated.

2 Likes

This happens a lot with Roblox clothing too, I think it’s a problem with the site itself not the UI.

As you can see here, this template has no visible gray outlines on the template.

But when it’s uploaded, the shirt has a weird gray outline.

image

There’s not much you can do, maybe try your luck and message @bug-report.

1 Like

Is it the shadow or just roblox issue?

It’s an issue with how Roblox renders images. Luckily, there is a community resource available which solves this issue:

2 Likes

If the UI is only made for pixel-looking GUI’s, probably just use the ResampleMode property, set it to Pixelated. The docs for this is empty though, so here’s a link about the update: