How to make image's background transparency to 0?

Question

There are images displayed inside a HTML table in a PHP code :

enter image description here

The code of this table is :

for ($i = 0; $i < $data['list']['cnt']; $i++) {             
    $tabRows[$i][1]['width']    = "45%";
    $tabRows[$i][1]['align']    = "center";
    $tabRows[$i][1]['value']    = '<img src="'.HTTP_FIGURES.$data['list'][$i]['fig_image'].'" />';
}

As you can see the background of the images are seen and they make the page dirty. So I want to remove the background of each image. How to do that ?

Those images - are they uploaded by user or it is just a predefined set of pics? — Viktor S., Sep 18 '12 at 09:29
If the white background is part of the image file, the only way I can think of is using Canvas and Javascript: http://stackoverflow.com/questions/11472273/how-to-edit-pixels-and-remove-white-background-in-a-canvas-image-in-html5-and-ja. AFAIK you can't edit the images through front-end code, you'll need to take them into an image editor and remove the white background manually — MassivePenguin, Sep 18 '12 at 09:35
Edit your image with your favorite image editor, and make their background transparent (save as PNG, because JPG does not handle transparancy/alpha). — AliSoftware, Sep 18 '12 at 09:43

score 0 · Answer 1 · answered Sep 18 '12 at 09:35

0

Make the images a transparent PNG.

answered Sep 18 '12 at 09:35

Martin Bean

38,379
25
128
201

score 0 · Answer 2 · answered Sep 18 '12 at 09:36

0

Your only practical solution is to go through each image with an image editor, delete the background and re-save as a .png with transparency.

answered Sep 18 '12 at 09:36

Dunhamzzz

14,682
4
50
74

score 0 · Answer 3 · answered Sep 18 '12 at 09:37

Take any image editor like GIMP (free), Paint.net(free), Photoshop or any other image editor and add transparency where you need it. Here is a tutorial for paint.net. If your images are not in PNG - you will need to make PNG images as JPEG has no transparency.

score 0 · Answer 4 · answered Sep 18 '12 at 09:38

You have 2 options:

Edit images with a image editor like paint.net and make the backgrounds transparent.
Use the PHP GD functions to 'edit' the images. This can be cumbersome, because you have to determine what color you want to replace with a background color. Often, a fixed color is used, or the color in pixel[1,1].

My advise, if there are not to many images, go for 1.

How to make image's background transparency to 0?

4 Answers4