Performance-friendly blur or similar effect?

I need to apply Blur to a large background image. The idea is to hide small details on it, so that people couldn't figure out what's on the picture, until I remove the blur.

Unfortunately, it's really slow on mobile. I tried Blur Horizontal+Blur Vertical. And also these two effects - they are even slower..

Since it's a static image, is it possible somehow not to update it on every tick? Or is there another way to blur the image (with masks or something else)? Or a similar effect that is less performance-hungry? My last resort is pixellate effect, but it doesn't look nice.

the best option performance wise might be to pre-blur the image in photoshop, and have the blurred version as a second frame that you can switch between.

Can you have 2 versions of the image? One blurred and not then swap them

Can you not use the opacity on the blurred image to fade it out. With lerp for example?

I guess it really does come down to optimizing for size or performance. You can probably get away with making the blurred version of the image rather small though.

Blur simple. Simple as it can get.

1drv.ms/u/s!Ap-ffJJPoln1i3FcZMJE2RwbHmNt

Blur simple. Simple as it can get.

https://1drv.ms/u/s!Ap-ffJJPoln1i3FcZMJE2RwbHmNt?e=snPwtE

Um that's perhaps a bit too simple.

Have you thought about just applying the blur effect when you want to do the transition?

You show the image with the blur effect baked in, then when you want to make the transition into the sharp image, you remove the pre-blurred image and start showing an instance with the blur effect.

Of course, if the mobile device you are aiming for is too much of potato, then it won't even be able to handle that.

It didn't do anything noticable.

It didn't do anything noticable.

Well you have to enter numbers from 1-10 first. :)