How to Securely Apply a Blur Effect to Images in an Angular App to Prevent User Manipulation?

I'm working on an Angular application where the images displayed contain sensitive information, and I want to apply a blur effect to these images. However, I don't want users to be able to inspect the page and remove the blur using browser developer tools.

What’s the best approach to ensure the blur effect is applied securely, so the blurred image cannot be easily manipulated or bypassed by users?

Specifically:

1. What’s the best way to apply the blur effect to images without allowing users to access the unblurred version?
2. Should the blur be applied on the frontend or the backend? Any recommendations?
3. What are the best practices to prevent users from inspecting and manipulating the blurred images?

Any ideas or suggestions would be greatly appreciated!

Continue reading...