I want to upload a PNG image and save it to the API and use the saved image to display on a different application by pulling it from the server.

This works as expected but, whenever I upload an image with a transparent background the transparent background is changing to a black background.

How can I retain the transparent background and not make any changes to the image?

Images:

• upload and preview: On Upload
• save and download: after saving and downloading image

https://stackblitz.com/edit/angular-ivy-ufz65n?file=src%2Fapp%2Fapp.component.ts

Facing the below issues:

1. transparent background changing to black
2. on save and retrieve the image dimensions are getting altered