Change image default white background-CodePudding

I have a div with a anchor tag. Inside the anchor tag I want to have an image. Basically, the image come with a white background. I'm trying to change this background to div's color (grey). The photo is a square and the part left from image has a white background. Is there any possibility to change this??

<div >
            <a target="_blank" href="">
                <input  type="image" alt="" src="photo.png">
            </a>
</div>

CodePudding user response：

If the white background is part of the image, it means the image file contains white pixels as background, you won't be able to change it with code (in a simple way). I suggest you edit the picture using https://www.photopea.com/ or any other image editing software (Photoshop, Gimp, ...) to delete those white pixels, then save the picture as PNG to keep its transparency aspect.

CodePudding user response：

Ya if the image only contains that white background then it cant be changed using javascript, so you need to use any of the online softwares to edit your picture.