Problem with Image

[Mara3m3]

Hello everyone, there is a problem, when exporting an image to roblox studio
, for some reason this white outline appears, I don’t know what to do. Image resolution 635 x 816

[FoeCakes (foe)]

What does the original model look like?

[Mara3m3]

[Cookie941_9 (Grey64)]

This looks like an anti-aliasing bug, what program are you exporting the image from?

[Mara3m3]

photoshop!!!

[Cookie941_9 (Grey64)]

Cool! I don’t really know anything about photoshop, but does it have something where you can export images with anti-aliasing and is it enabled?

[Mara3m3]

I do not know, I downloaded it myself recently.

[BendsSpace]

Explanation:

Roblox has some problems with images when the transparent pixels don’t say that they’re the same color as the image. Normally it doesn’t matter than an invisible pixel is a different color but when Roblox scales down the image it uses those pixels’ colors. (E.g. for your image your invisible pixels are probably 255,255,255 alpha=0, which Roblox blurs into your black pixels.)

Solution:

You can fix it using the little javascript tool in this reply:

https://devforum.roblox.com/t/fixing-images-in-roblox-ui-black-outlines/75817/13

(DevForum won’t let me quote the reply or link to it, probably because it doesn’t like the link in it )

(Edit: I was able to do some HTML hackery to get the links in here.)

https://js.do/rootmars/alpha_bleed_js

[Cookie941_9 (Grey64)]

After a bit of research, i think it may be an issue on roblox’s side

When scaling images, do not use colors from completely transparent pixels

As a Roblox developer, it is currently too hard to make images that scale well. When Roblox scales images, it considers the color of transparent pixels when it calculates the color of each pixel in the resized image. This means that if your completely transparent background happens to be black, it will give your image black edges. This is true of any color. [image] (The first one has black transparent pixels, the second one has white transparent pixels, the third has red transparent pixels) T…

Try to open the image in your image editing program and inverting alpha, if the transparent part turns white, color it black and then invert alpha again, that should fix it.

[JavierR100 (Monika)]

It’s likely that the transparent pixels are not properly colored the same, including the fully transparent ones.
While i’m not sure what tool can fix this, you can try changing the background layer color of the image to be black instead of white.

[BendsSpace]

@JavierR100

While i’m not sure what tool can fix this, you can try changing the background layer color of the image to be black instead of white.

Here is a tool:

https://js.do/rootmars/alpha_bleed_js

https://devforum.roblox.com/t/fixing-images-in-roblox-ui-black-outlines/75817/13

@Cookie941_9

you can just go into paint dot net and color the transparent pixels the right color

Using a tool works for images with more than one color and is totally automatic.

[Cookie941_9 (Grey64)]

you can just go into paint dot net and color the transparent pixels the right color