Я разрабатываю веб-приложение, используя Angular и Firebase. В приложении пользователи могут загрузить изображение, а затем другие пользователи могут приобрести это изображение. проблема в том, что я хочу загрузить размытую версию изображения в хранилище Firebase, чтобы у меня было 2 версии изображения: исходное изображение и размытое изображение. как только пользователь купит изображение, он сможет загрузить исходное изображение.
Я добавил свойство CSS filter: blur(5px) brightness(0.5);, но это, очевидно, плохая практика, поскольку пользователи могут либо изменить свойство CSS из инструментов разработчика если у них есть какие-то знания, или просто щелкните правой кнопкой мыши и save image as с сайта и получите исходный.
Итак, мой вопрос, какие параметры у меня есть для размытия изображения? на мой взгляд, я должен размыть изображение при загрузке, чтобы у меня было 2 версии изображения, сохраненные в хранилище, чтобы пользователь мог видеть размытую версию изображения перед тем, как купить его.