Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Remove white background from an image

I want to get a transparent background or no background for my images. I tried the '-background none' option and also the 'transparent' option, but the background image remains white. How can I achieve this?

Please suggest.

like image 224
Manisha Dugar Avatar asked Mar 08 '11 08:03

Manisha Dugar


People also ask

How do I remove a white background from an image?

Select the picture that you want to remove the background from. On the toolbar, select Picture Format > Remove Background, or Format > Remove Background. If you don't see Remove Background, make sure you have selected a picture.

What is the easiest way to remove white background?

To quickly remove a white background in Photoshop, select your image layer, then open the Properties Panel by going to Window > Properties. Scroll to the bottom of the properties to locate the “Remove Background” button. Now click on this button to remove the white background from your image.

How do I remove the white background from a logo?

Click the button "Make Logo Transparent Now". Find the "Background Remover" in the tools menu on the left. Then, upload or drag and drop your logo from your computer. Fotor will remove background from logo automatically.


1 Answers

If you are using Imagemagik then the command is:

convert input.gif -transparent white output.gif  

However, it will only work with a pure white background and not a shade of white. There are alternative and easier ways to do this with IrfanView or The Gimp or Photoshop (more on that below). This article mentions that you may be using convert.exe that comes with Windows rather than ImageMagicks Convert.exe in which case you should use the full path for Convert.exe. http://www.imagemagick.org/discourse-server/viewtopic.php?f=1&t=10665

If you are trying to achieve this from CSS then you misunderstand the CSS property. The css property 'background' refers to an html elements background color. I.e. <p> <div> <body> whatever. more here http://www.w3schools.com/css/css_background.asp

If you are referring to the image opacity property, that refers to how "see-through" an image should be. more here: http://www.w3schools.com/Css/css_image_transparency.asp

The only way to get a transparent background in an image is to make the background of the image transparent using either the PNG (preferred) or GIF formats. For this you can use IrfanView and save a picture as PNG, select the "save transparency" property and select the color from the image you want to be transparent or you can use Photoshop or The Gimp do the same. Example for IrfanView here http://llizard.etherwork.net/cwc/transp_irfanview.html

The Gimp example here http://aplawrence.com/Linux/crousegif.html

like image 169
Ali Avatar answered Sep 20 '22 06:09

Ali