Why UI Image jitter?


I’m using four same images in four angles, but as you can see, upper left and lower right image have noise. I did this by 4X4 image, 32X32, 64X64 and got same results. If there is a guru knew this situation help me PLZ.



I posted not enough info so add more screenshots. The first picture was taken Widget Blueprint editor and the second is texture editor. I’ve drawn circles where I’m saying and I couldn’t find that noise in texture file. Those four clamps are using same brush but different angles.

I found when I change its location in screen, these noise appear or not. So I’m thinking this is the problem depends on its screen position but I don’t know why and how control this.

What is this? A material? Widget? 9 slice scaling? GridPanel? What? What do you mean by 4x4 image? Are you talking the widget Image setting? If so, give us a screenshot of your widget’s image settings and if you’re using a material, show us that too. I’d interested in the brush settings, specifically the Image, Draw As and Tiling settings. And if you’re using a material, we’d need to see that too.

I looked at your posted image. There are some whitened rectangular areas in many places. I need more info before I can make any guesses as to why that’s happening.

1 Like

Sorry for lacking info. I edited my question.

I appreciate you trying to provide more info, but we really need to see your settings and how you are rotating and placing the images.

Please provide the following info:

  1. Screenshot of your widget’s brush settings. Specifically the Image, DrawAs and Tiling properties.
  2. Screenshot of your material if you have any.
  3. If the 4 rotated images aren’t rotated in a material, then a screenshot of whatever you’re using to rotate them and how you are placing them next to each other.

I really appreciate your trying to help.



I don’t know whether this forum resize image, if it does I’ll upload magnified one. Multiple values in Alignment are 1.1 1.1, -0.1 1.1, 1.1 -0.1, -0.1 -0.1 and in Angle are 0, 90, 180, 270. First I made an image in UE and this issue happened, so I made other image external pixelart website but result is same.



This noise also depends on image’s size in screen, when I zoom in or out, this appears or not. I’m just thinking maybe this could be my system’s problem.


By the way, I tried four angles clamps in one texture and It hasn’t any noise. I don’t know why but It seems working. But I still want to know about this phenomenon so if you could teach me, plz teach me.

Thank you.

Ok, this is great info. I thought maybe it was the rotation giving rounding errors, but it’s happening on a rotation of 0 degrees.

There are a few things that could cause this. If you’re able to post a zip of your texture asset (or the asset directly), could you please do that and I’ll take a look directly.

Could you post a screenshot of your texture’s Details panel at the top where the info is located? I want to see the size, LOD and compression type.

My guess right now is one of these things.

  1. The alpha channel isn’t completely transparent on the edges of the red areas. Some parts are NEARLY 0%, but not quite.
  2. You’re not using a compression type of UserInterface2D (RGBA8) for your texture.
  3. Something is causing your software to use a different LOD that is messed up because of the two previous issues.
  4. Your image is too small. Yeah, as unfortunate as it is, tiny images tend to not scale well. (Here, I mean the original texture itself.)

edit: Oh, and UE 5.0 up to 5.4 has a bug about LOD’s. So give your texture a UUID under the Compression/Advanced section. It’s called Compression Cache ID. Click the little dropdown arrow and click Generate. It may not be this, but just to be safe, this action will at least rule it out.

Your guess 4 worked. I made big texture and there isn’t any noise in Widget BP when I minimize it. I thought the image I need can be made just a few pixels but Computer Graphics may not agree with it.

Thanks for your help. Have a really nice day.