But why hasn’t Roblox fixed this yet?
It’s a performance thing. You’ll see it in unity and other engines too.
I think preferably Roblox would allow SVGs to be uploaded. However, other solutions include fixing things on upload.
However, this does change image composition so it’s not something always desirable, although in 99% of cases it is. I think Roblox could definitely offer to modify images upon upload, or provide it as an option.
I’m having some trouble getting this to run on Mac, when passing a correct pathname. It doesn’t seem to modify the image. I can verify the pathname argument is being received because it gives me a Not a directory
error when it’s wrong
The image is a png
Any ideas?
Output: Killed: 9
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.
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
Works flawlessly! I’ve always hated making images for my UI as of how ugly they are in roblox. Thanks! (Bumped ;3)
Yep, it stopped working for me as well.
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.
Thank you for this! This is the only method I could find to fix this problem and it works perfectly!
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
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.
I ran into this issue today and it’s driving me insane.
Roblox just needs to fix their image interpolation algo.
Thanks! Found this web based version from XAXA Fixing images in Roblox ui (black outlines) - #13 by XAXA
Press “More Info” then press “Run Anyway”
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!