Every time I upload an image for my UIs lose quality. How can I fix that? help me : - (
From this.
To this.
I don’t if you can see it correctly but in studio the difference is really big.
I believe this is just a roblox compression issue, ensure your image is set to the correct proportions found in the properties tab in file explorer. As of right now, I have not found a work-around but I’ll let you knw if I find one!
2 Likes
Thank you, and yep, I use the correct proportions.
I’m not too sure what the issue is then. I myself have imported UI from Figma and everytime ROBLOX decides to compress the images.
Hopefully I assisted you, to the best of my ability!
I use Figma too, can you tell me how you export it from Figma? To see if I’m doing anything wrong
you can cut image into smaller parts and then put them together like a puzzle (only way i thought how fix it)
1 Like
Group your objects all together, on the right hand side you’ll see the following.
Click the + icon next to the export text, then click the following button
1 Like
I exported in a single image to see how it losses quality.
Thanks, really appreciate. (and some word to complete the minimum)
1 Like
so you compress all the elements into a single image… and the upload it? That might be your problem…
The max image resolution is 1024*1024 (it can be higher in some cases)
The image you posted first is 2758*1636 wihch is over that limit so yeah, its getting compressed. Try splitting the image up into 4 smaller images.
Really, there is no way. The best way to combat this is to grab the offset of the size you want the image to be and make the size of the image that in whatever photo editor app you’re using. The highest resolution (in Roblox) possible is 1024p, but the actual resolution of your images will seem more around 720p.
Also, using JPEG/JPG image format may increase the quality as it’s more definitive than PNG, however note that transparency cannot be achieved with JPG, and the alleged increase will not be so noticable.