Removing White Borders from Transparent Images in Roblox
This article uses Krita, a free and open-source piece of software but other tools like Affinity Photo and Adobe Photoshop support the same method
You may have run into a problem in Roblox Studio where importing an icon or other transparent image causes white borders appear around it. This is due to quirks in Roblox’s image compression algorithm blending the alpha channels incorrectly. There are a few solutions handed out around the community such as TGA dilation or running your image through a service such as PixFix, but these create a destructive workflow that does not allow you to return and modify the original images without a second pass.
Using tools like Krita, we can both easily solve this problem, and maintain the original version of the image for later modification.
Step 1: Open your image in Krita (or other photo editing software)
Step 2: Duplicate image layer, then select the background layer
Step 3: Open the Gaussian Blur filter menu
Step 4: Apply enough of a blur to cover every edge of the surrounding alpha channel
You may find that this isn’t a silver-bullet approach for absolutely every use case, but in general this is a quick and efficient way of cleaning up the rougher edges.
