169

Suppose you have any image (PNG or JPG). This image has a white background and I need to make this background transparent.

I have tried with these examples:

  • convert original.png -background none transparent.png
  • convert original.png -background white -flatten -alpha off transparent.png

but with no desirable results.

How can I make it?

IMPORTANT: Using convert command-line.

3
  • 1
    Odd -- I thought the relevant command was convert original.png -transparent white new.png but upon trying it, can't get it to work. As an aside, are you sure your background is actually white (#FFFFFF), or is it just almost-white (e.g. #FEFEFE)? Feb 6, 2012 at 6:52
  • @mathematical.coffee Ok I understand, let me check if this is not the case and I'll continue this thread. Thank you.
    – Israel
    Feb 6, 2012 at 17:23
  • @mathematical.coffee Hi again, I have checked colors and this image has background like #FFFFFF, in other words "white". :( This is not the case!
    – Israel
    Feb 6, 2012 at 17:39

8 Answers 8

178

I am using ImageMagick 6.6.9-7 on Ubuntu 12.04.
What worked for me was the following:

convert test.png -transparent white transparent.png

That changed all the white in the test.png to transparent.

6
  • 15
    This didn't work for me until I realized JPG won't do transparent. Once I switched to PNG it did exactly what I wanted - just had to change "white" to "rgb($r,$g,$b)". Feb 9, 2016 at 22:41
  • 5
    This will not only convert the background to transparent, but every white pixel. Is there a way to convert the background only to transparent? Oct 21, 2016 at 3:35
  • 5
    @AlejandroLozdziejski - how are you definining "background"?
    – Jules
    Dec 23, 2016 at 5:23
  • 1
    @AlejandroLozdziejski: Good question. Please see my solution which uses a floodfill from the edges, looking for colors approximately the same as the top-left pixel.
    – hackerb9
    Jul 4, 2017 at 14:03
  • Can also use hex color codes for the same result: convert test.png -transparent "#ffffff" transparent.png
    – hbere
    Feb 12, 2020 at 23:08
111

I had the same problem: it had to remove white background from a jpg/png image format using ImageMagick.

What worked for me was:

  1. Convert image format to png:

    convert input.jpg input.png
    
  2. convert input.png -fuzz 2% -transparent white output.png
    
4
  • 10
    This is good, to have a smoother edge between transparent background and opaque foreground. If you convert noisy icons in JPG to PNG, and want to add transparency, you can also add some median filtering: mogrify -format png -median 2 -fuzz 5% -transparent white ico_*.jpg Oct 23, 2014 at 12:47
  • Adding -alpha off was the key for me Oct 6, 2021 at 20:06
  • Someone please tag this as the correct answer?
    – enanone
    May 18, 2023 at 13:28
  • Note that the order of the arguments is important. I had -fuzz after -transparent and it didn't affect the color. It must come before -transparent to affect it.
    – Basti
    Feb 6 at 20:51
76

Solution

color=$( convert filename.png -format "%[pixel:p{0,0}]" info:- )
convert filename.png -alpha off -bordercolor $color -border 1 \
    \( +clone -fuzz 30% -fill none -floodfill +0+0 $color \
       -alpha extract -geometry 200% -blur 0x0.5 \
       -morphology erode square:1 -geometry 50% \) \
    -compose CopyOpacity -composite -shave 1 outputfilename.png

Explanation

This is rather a bit longer than the simple answers previously given, but it gives much better results: (1) The quality is superior due to antialiased alpha, and (2) only the background is removed as opposed to a single color. ("Background" is defined as approximately the same color as the top left pixel, using a floodfill from the picture edges.)

Additionally, the alpha channel is also eroded by half a pixel to avoid halos. Of course, ImageMagick's morphological operations don't (yet?) work at the subpixel level, so you can see I am blowing up the alpha channel to 200% before eroding.

Comparison of results

Here is a comparison of the simple approach ("-fuzz 2% -transparent white") versus my solution, when run on the ImageMagick logo. I've flattened both transparent images onto a saddle brown background to make the differences apparent (click for originals).

The simple replacement of white as transparent doesn't always work Antialiased alphachannel and floodfill looks much better

Notice how the Wizard's beard has disappeared in the simple approach. Compare the edges of the Wizard to see how antialiased alpha helps the figure blend smoothly into the background.

Of course, I completely admit there are times when you may wish to use the simpler solution. (For example: It's a heck of a lot easier to remember and if you're converting to GIF, you're limited to 1-bit alpha anyhow.)

mktrans shell script

Since it's unlikely you'll want to type this command repeatedly, I recommend wrapping it in a script. You can download a BASH shell script from github which performs my suggested solution. It can be run on multiple files in a directory and includes helpful comments in case you want to tweak things.

bg_removal script

By the way, ImageMagick actually comes with a script called "bg_removal" which uses floodfill in a similar manner as my solution. However, the results are not great because it still uses 1-bit alpha. Also, the bg_removal script runs slower and is a little bit trickier to use (it requires you to specify two different fuzz values). Here's an example of the output from bg_removal.

The bg_removal script: has beard, but lacks antialiasing

7
  • 2
    I needed to modify the fuzz to 2 %, because the image contains a white machine with white background. And although this is not 100 % perfect, it is the best solution I found as I don’t want to do it manualy in gimp or whatever. :) Jun 15, 2019 at 7:13
  • @hackerb9, how do I enter this command in my shell (PowerShell)? I don't know how to structure the call without syntax errors (I think it's the backslashes). Any idea?
    – fmotion1
    Mar 23, 2023 at 3:18
  • Also, I have images with colored pixels in the top left corner of the image that I want to keep. Is there a way to just specify white as my background without breaking the quality of the script?
    – fmotion1
    Mar 23, 2023 at 3:42
  • Hi Jay. I haven't used powershell in a long time. You can try typing the command as one long line without any backslashes. Personally, I suggest looking into finding a Unix system. Microsoft's WSL, Windows Subsystem for Linux, might work.
    – hackerb9
    Mar 24, 2023 at 3:29
  • Jay: for picking a different pixel than the upper lefthand corner, you can use the mktrans script I linked above as mktrans -p x,y. Note that it uses bash, not powershell.
    – hackerb9
    Mar 24, 2023 at 3:36
38

This works for me:

convert original.png -fuzz 10% -transparent white transparent.png

where the smaller the fuzz %, the closer to true white or conversely, the larger the %, the more variation from white is allowed to become transparent

3
18

You can Use this to make the background transparent

convert test.png -background rgba(0,0,0,0) test1.png

The above gives the prefect transparent background

2
  • 5
    The shell might require some quoting of the (): convert more-icon.png -gravity center -background 'rgba(0,0,0,0)' -extent 27x27 new-more-icon.png
    – Jim K.
    May 15, 2016 at 11:42
  • 1
    this is best + handles cases where the source image may have white areas (or whatever color you use in -transparent SOMECOLOR
    – Jason S
    Dec 2, 2020 at 19:52
11

Using ImageMagick, this is very similar to hackerb9 code and result, but is a little simpler command line. It does assume that the top left pixel is the background color. I just flood fill the background with transparency, then select the alpha channel and blur it and remove half of the blurred area using -level 50x100%. Then turn back on all the channels and flatten it against the brown color. The -blur 0x1 -level 50x100% acts to antialias the boundaries of the alpha channel transparency. You can adjust the fuzz value, blur amount and the -level 50% value to change the degree of antialiasing.

convert logo: -fuzz 25% -fill none -draw "matte 0,0 floodfill" -channel alpha -blur 0x1 -level 50x100% +channel -background saddlebrown -flatten result.jpg

enter image description here

6
  • 1
    Nice. I like that you got the gist of it in a succinct line. This is similar to one of my intermediate steps as I was writing the script. I decided against it because (a) it loses too many sharp details, (b) I wanted to make the color selection obvious so it could easily be changed, and (c) I wanted to floodfill from all the edges, not just the top-left corner. (There may be other things I'm forgetting right now).
    – hackerb9
    Jul 4, 2017 at 15:20
  • 6
    P.S. I'm going to take a wild guess that "fmw" stands for Fred M. Weinhaus. If so, greetings, Dr. Weinhaus! To anybody who doesn't know who he is, he wrote some of the seminal research in computer graphics starting in the 1970's. Everyone should check out his amazing conucopia of ImageMagick shell scripts at fmwconcepts.com/imagemagick.
    – hackerb9
    Jul 14, 2017 at 9:02
  • 4
    @hackerb9: Yes, that is me. Do we know each other? Send me an email if you would like. My email address is on my web page you linked.
    – fmw42
    Aug 21, 2017 at 18:40
  • 1
    Just to say: StackOverflow at its finest you were both incredibly helpful to me.
    – Wren
    Jan 14, 2023 at 15:59
  • "The drawing primitive matte was replaced by alpha in ImageMagick 7"
    – Josh Diehl
    Sep 28, 2023 at 13:21
5

If you want to control the level of transparency you can use rgba. where a is the alpha. 0 for transparent and 1 for opaque. Make sure that final output file must have .png extension for transparency.

convert 
  test.png 
    -channel rgba 
    -matte 
    -fuzz 40% 
    -fill "rgba(255,255,255,0.5)" 
    -opaque "rgb(255,255,255)" 
       semi_transparent.png
1

Yep. Had this same problem too. Here's the command I ran and it worked perfectly: convert transparent-img1.png transparent-img2.png transparent-img3.png -channel Alpha favicon.ico

1
  • It doesn't work in my case - I'm using splice. Your solution simply adds white areas like most of the answers.
    – banan3'14
    May 28, 2022 at 17:51

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.