Hi - I’m making a game and testing on mobile frequently. and lately I’m experiencing very bad image quality on the images i upload through Roblox Studio.
I have tried all supported formats - and I am an avid photoshop user for many years.
image looks fine on pc
looks terrible on mobile (iphone 6, and iphone 11)
upscaled image to 2x size because im at wits end - this looked fine yesterday
today quality is butchered again (same image same device )
I am not entirely sure on what’s going on but it seems like the image is either too big or too small. So try scaling it a little bit.
On the other hand, I am not sure why the image looks different on the same phone in two time periods, maybe you forgot to publish an update that had different scaling but either way I suggest testing the game regularly on both computer and mobile devices and I am sure you will come to a solution.
thanks, i will continue to test - i just don’t know what else i CAN test.
images are saved as 24 x 24 pixels,
and imagelabels size is 24 x 24 - no border or anything.
i have also tried to put the images in a new frame with a new imagelabel in case there was a property i missed that could affect it.
Ok so first of all I suggest only using ImageLabel and not decal as it has more options if I recall corectly. And as far as the size of the textures are concerned I save my own Images/Textures at 500 x 500. I know it is a lot but somehow I never faced problems with my GUI.
Here is my game which I believe I have used 500 x 500 images. (I have edited them in PaintDotNet and not in Photoshop but I don’t think that matters in your situation).
https://www.roblox.com/games/4786471413/Earthworm-Sally-Simulator
Anyways if you join this game in the bottom left corner of the screen (It takes a while to load) there will be some icons for the currency of my game. The sizes of them in PaintDotNet were around 500 x 500.
I hope I helped you and of course, good luck with your project!
thanks guys - i tried one last thing - added opaque pixels on the outskirts of the image -
seems like roblox takes my image and sees : hmm theres transparent pixels here - let me crop that image for you…
heres a new screenshot from mobile - super crisp now.
thanks again, and i will check out your game VA.
edit: it turns out the issue was alpha bleeding, and something to do with how transparent pixels are processed.
i found a link to a tool, that will process pictures to remove the white outline https://js.do/rootmars/alpha_bleed_js
