Pixelfix: Remove the black edges on scaled images

Could you post a screenshot of the terminal window where you tried to run Pixelfix? It might contain more information that can help solve your issue.

Pixelfix itself shouldn’t put out Not a directory or Killed: 9, but one of its dependencies or the packaged version of node might. The terminal window might contain information about what put out those errors.

1 Like

Nevermind, I think i was doing something weird

Anyway, I don’t know why but I think the pathname argument isn’t being recognised;

Terminal: sudo bash /untitled/pixelfix-macos-x64.command /untitled/settings.png

Script: on: No such file or directory

Script done, output file is started

Maybe I’m doing something wrong and it’s on my end? All of the file path are correct

Turns out I was running pixelfix as a shell script, not a Unix executable, and then you can just do:

/untitled/pixelfix-macos-x64 /untitled/settings.png

And it’ll work perfectly

Well this was a Terminal-learning experience, I’m a Windows person and switched to Mac recently so I’ll blame it on that (lol)

Thanks for the help :smiley:

2 Likes

Works flawlessly! I’ve always hated making images for my UI as of how ugly they are in roblox. Thanks! (Bumped ;3)

Seems like it has broken. Kinda bummed out by this.

Got it, it doesn’t like that file name.

2 Likes

Yep, it stopped working for me as well. :sob:

I have a fixed one, I’ll upload it shortly.

here it is

3 Likes

Pixelfix itself is not broken. @howmanysmaII @ZacBytes

See here, comparing images before- and after-uploading:

You can see that pre-upload there are no black edges because the image blends into the background color perfectly. Only after uploading the image does this change.

On upload, Roblox is now making fully transparent pixels black.This was an issue two months ago, too, but it was quickly resolved. See here:

This particular issue can only be solved on Roblox’s end.

4 Likes

Thank you for this! This is the only method I could find to fix this problem and it works perfectly! :smile:

I’m having issues with the executable on MacOS, I built it by myself since the original exec wasn’t working but now it doesn’t respond. Is there a web-based version where I can upload to a site and it does it for me or maybe a web api?

Why hasn’t Roblox fixed this yet +1

Not sure I buy the performance argument from Quenty. Isn’t this just a different blend_func? Or in the modern rendering pipeline maybe it is a line or two of shader code?

Quenty wrote a detailed manifesto on why this is terrible and how hacking around it is hard - Fixing images in Roblox UI. This article is going to look how you… | by James Onnen (Quenty) | Roblox Development | Medium

19 Likes

If you want to help fix this problem, please provide your OS version and any output from pixelfix. Try running pixelfix through the terminal. Try installing Node js and see if node work on its own, then see if pixelfix works through node.

I don’t have a Mac of any sort so I can’t test this myself.


Instead of pixelfix, you can use tools like the one posted here:

You can also search “alpha bleed” and see if you can find any similar tools on e.g. Google or GitHub.

2 Likes

I ran into this issue today and it’s driving me insane.

Roblox just needs to fix their image interpolation algo.

8 Likes

Thanks! Found this web based version from XAXA Fixing images in Roblox ui (black outlines) - #13 by XAXA

My computer won’t let me run the shortcut…

Press “More Info” then press “Run Anyway”

1 Like

My brain is really having a hard time wrapping its head around how to install pixelfix. do you have a video showing how to install and set it up? thanks!

I don’t have a video, sorry.

If you’re on windows:

  1. Go to this link
  2. Download this
  3. DO NOT RUN IT OR OPEN IT
  4. Open your Downloads folder. Right click pixelfix-win-x64, then click “Copy”.
  5. Minimize all of your windows. Right click on your desktop, the click “Paste”.
  6. It’s now “installed”!

To use Pixelfix:

  1. Drag images onto the pixelfix-win-x64 icon on your desktop
  2. It will open a window to tell you that your image is fixed
  3. You can close that window and upload your fixed images to Roblox now!

Thanks, but when i put an image in there, its stuck like this.

Any solutions?

1 Like

I’m not sure why it would do this. Occasionally it can take a few seconds to start up, so that could be all it is.


If you can’t get Pixelfix to work, there are other alternatives in this thread that work through your web browser.

1 Like