How to convert the background to transparent?

Image

Image Problem Overview


I have no experience with any image processing/editing tools. I am doing a project which requires me to convert the images(small icon) with background colour(red/blue/white) to transparent for the website.

example

The goal is to transform the red background to transparent.

  1. What image editing tool(s) should I consider?
  2. How to filter that background colour and make it transparent?

Image Solutions


Solution 1 - Image

I would recommend this (just found via search):

  1. http://lunapic.com/editor/?action=load
  2. Browse for image to upload OR enter URL of the file (below the image)
    http://i.stack.imgur.com/2gQWg.png
  3. Edit menu/Transparent (last one)
  4. Click on the red area
  5. Behold :) below is your image, it's just white triangle with transparency...
    [dragging the image around in your browser for visibility,
    the gray background and the border is not part of the image]
    your image made transparent
  6. File menu/Save Image
    GIF/PNG/ICO image file formats support transparency, JPG doesn't!

Solution 2 - Image

If you want a command-line solution, you can use the ImageMagick convert utility:

convert input.png -transparent red output.png

Solution 3 - Image

Paint.net is a free photo-editing tool that allows for transparent backgrounds. There is a simple example on YouTube http://www.youtube.com/watch?v=cdFpS-AvNCE. If you are still on Windows XP SP2 and that's an issue, I would first recommend doing the free service pack upgrade. But if that is not an option there are older versions of Paint.net that you could download and try.

Solution 4 - Image

Quick solution without downloading anything is to use online editors that has "Magic Wand Tool".

Solution 5 - Image

For Photoshop you need to download Photoshop portable.... Load image e press "w" click in image e suave as png or gif....

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionDrogbaView Question on Stackoverflow
Solution 1 - ImageTWiStErRobView Answer on Stackoverflow
Solution 2 - ImagedatView Answer on Stackoverflow
Solution 3 - ImageT VernonView Answer on Stackoverflow
Solution 4 - ImageViliusLView Answer on Stackoverflow
Solution 5 - ImageFellipe J. de SousaView Answer on Stackoverflow