How To Remove Backgrounds From Images & Pictures

Ranked #1,240 in Education, #29,081 overall

GIMP's Fuzzy Select Tool Is An Easy Way To Remove Backgrounds

One of the hardest things to do with any photo editing tool seems to be separating objects within a picture from the image's background. At least from the solutions I've seen for the popular photo editing programs, it looks difficult.

I'm not saying that the other, more complicated ways don't work, and GIMP's Color Select and Paths Tools can also be used instead of the Fuzzy Select Tool, but for me this solution is much easier, and much quicker.

It is also much more fun!

Getting Started

I'm starting with this image of a banana:


Starting Image - Banana.gif




When you start, your image probably only has one layer. You can check by looking at the Layers Dialog box, which should be to the right of the main Image Window, you will see that there is only one layer:


Layers Dialog Box - One Layer



Make A New Layer

Click on the icon for the Fuzzy Select Tool in the Toolbox which should be the window floating to the left of your main Image Window:


Click Fuzzy Select Tool




The default threshold setting should work fine for this procedure. With the Fuzzy Select Tool Activated, click on your image's background:


Background Selected




On an image like this one, a single click is all I need. The lines that show the border of the background at the outside edge of the picture, and around the banana appear to be moving.

With an image with a background that is broken up with areas that are not connected to each other, you may have to press the shift key as you click other points of the background, or try increasing the threshold setting.

With the entire background selected, click on "Selection" on the main Image Window's toolbar, then click on "Float" on the context menu:


Selection Float




Now you should see two layers in the Layers Dialog box:


Layers Dialog Box - Two Layers



Remove A Layer

In the Layers Dialog box, select the layer you want to remove, right click on it, then click on delete on the context menu:


Delete Layer




This leaves just the other layer, the checker board type background indicates a transparent background:


Image with Background Removed




Now I can simply copy and paste just the banana into another picture without the white background I had before.

Removing The Background From An Actual Photo

That seemed easy enough with a image that is not a picture of a real item, but what about removing the background from a photo. Here's a photo of a Half Lemon courtesy of Photos8.com:


Starting Image - Half Lemon




For a picture like this, I find it is better to remove the check mark from the box that says, "Select transparent areas" in the settings for the Fuzzy Select Tool. I also increase the threshold setting.

I'm using 57, but that isn't an exact number. It could be different depending on how much contrast there is between the image you want, and the images in the background that you want removed.


Fuzzy Select Tool Settings




I make my first click in the area that looks to me to be the center of the largest area of the background with a similar shade of color.

The wavy line indicates that I've selected an area from the top left corner, down to the entire lower left corner then almost wrapping beneath the lemon to the lower right side corner.

I even managed to get some of that light green background, probably because there isn't much contrast between it an the main color of background area I had clicked onto.


First Click - Fuzzy Select Background Area




Now I can add to what I've already selected by pressing the "Shift" key as I click more areas. If you want, you can also click a sticky button in the Fuzzy Select Tool settings which will cause all of your clicks to automatically add to the selected areas without having the "Shift" key pressed:


Click 'Add to the current selection'




Now I click a little closer to the lemon, and my selection begins to look a little more chaotic. I'm also touching the lemon on the top left hand side. I want to touch it, I just don't want to select any of it:


Second Click - Fuzzy Select Background Area




At any point, if you feel the tool is selecting to much to be able to control it, lower the threshold. If you do select part of the image you are trying separate from the background, you can click "Edit" on the toolbar, then click "Undo Fuzzy Select":


Undo Fuzzy Select Tool




I dropped the threshold, and after a few more clicks I've selected most of the background. Here I've circled six areas other than the area of the lemon itself which still are not selected:


Third Click - Fuzzy Select Background Area




A few more clicks, and I'm almost there.

If you get a point where a small part of the image you are trying to save gets selected with the background, try lowering the threshold, then click on that point while pressing the "Ctrl" key. This removes that area from the selection.

I would say to lower the threshold so you don't unselect too much:


Over Selected Picture




If you have a lot of spots to remove from selection, there's a sticky button for that, too. If you have one of these stickys set, you can temporarily do the opposite operation by holding down the proper key.

For example, the sticky button here is set to remove areas from selection, but if I hold down the "Shift" key, I will add areas to the selection as I click:


Sticky Button - Remove From Selection




Finally I have the whole background selected, and it looks as if none of the lemon half is selected:


Background Selected




Now to make a new layer by clicking "Select" on the toolbar in the main Image Window, and "Float" in the context menu:


Create a Floating Section




Now I go to the Layers Dialog box, and delete the floating section, which is the background:


Delete Background Layer




Which gives me this:


Background Removed




If I want a copy of this lemon to paste into another picture, I'll go to "Layer" on the main Image Window's Toolbar, drop to "Transparency" which opens another menu, and click on "Add Alpha Channel":


Add Alpha Channel




Then I use the Fuzzy Select Tool to make a new floating section which I'll delete just as I did with the image of the banana in the first example:


Final Picture With No Background



GIMP - The GNU Image Manipulation Program
News - Screenshots - Features - Downloads - Documentation
- Get Involved - Plug-in Registry - GIMP Development

GIMP is the GNU Image Manipulation Program. It is a
freely distributed piece of software for such tasks as photo
retouching, image composition and image authoring. It works
on many operating systems, in many languages.

Check Out More Great GIMP Tips

Loading

Comments? What Do You Think About Removing Background Pictures With GIMP?

submit
  • Reply
    Tyler Dec 7, 2011 @ 8:32 pm | delete
    Great tutorial, simple and easy to follow. I was trying to make the background of an image(oddly enough, a lemon) transparent. It has a simple solid color background which I was able to remove with your tutorial, however Iinstead of making the background a checkered pattern, it just replaced it with white. I don't know how to fix this and I was wondering if you could help. Thanks man, and again great tutorial; even I could follow it!
  • Reply
    CleanerLife Dec 8, 2011 @ 7:43 am | delete
    As you can see, I did get a white background at first. It didn't have the checkered pattern until after I added the alpha channel, then removed it using the steps I used with the image of the banana. So if you've taken your image up to the point where the background is white, add the alpha channel, then follow my steps I used with the banana.
  • Reply
    KathyMcGraw Nov 12, 2011 @ 7:30 am | delete
    I remember when you started using GIMP....this is a great tutorial, and now I know why I have a checkered background on one of my pictures :)
  • Reply
    Mickie_G Oct 2, 2011 @ 9:49 am | delete
    Need to remove some ugly background mistakes in a few images. Thanks for the instructions.
  • Reply
    Liver Aug 24, 2011 @ 10:10 pm | delete
    lol, spent like 3 hours working on images because of this VERY reason. And I had this tab open the whole time...

    Definitely useful information. Should've read this earlier :p
  • Load More

Enjoy This Lens About Using GIMP To Remove Backgrounds From Pictures?

If you would like to rate this lens, then you can do so here (Squidoo members only)




Not a Squidoo Member?

Join Me!

This module only appears with actual data when viewed on a live lens. The favorite and lensroll options will appear on a live lens if the viewer is a member of Squidoo and logged in.

Add this to your lens »

About CleanerLife

SquidooMusic Blog



Freelance Web Developer and content provider.

Lensmaster with over 100 pages of content on Squidoo.

Webmaster for Careers Resources, Live Success and All This and More.

I'm addicted to the Internet, I'm also an information and entertainment junkie.

I'm obsessed with eating healthy, fresh food raised or grown as local as possible, reducing pollution, increasing recycling, and using natural products in and around the home.

Careers Resources


↑ Grab this Headline Animator

Loading

CleanerLife's Top 10

Loading Fetching RSS feed... please stand by

free counters



GIMP © The GIMP Team

Original content:

Creative Commons License
How To Remove
Backgrounds From Images & Pictures
by CleanerLife
is licensed under a Creative Commons
Attribution-Noncommercial-No Derivative Works 3.0
United States License
.

by

CleanerLife

I'm really just getting started with the GIMP. I find that it is a powerful tool that can be a bit confusing at times, but once you learn a few tricks,... more »

Feeling creative? Create a Lens!