'Change image default white background

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 class="container">
            <a target="_blank" href="">
                <input class="image" type="image" alt="" src="photo.png">
            </a>
</div>
javascripthtmlcssflexboxcss-selectors


Solution 1:[1]

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.

Solution 2:[2]

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.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Seddik Mohamed Rafaa
Solution 2 Harsh Mahur

Related Questions