Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.

I'm having issues with artwork I would like to use for my website. Unfortunately, the artwork I have came included with a white background behind it. I realize I can manually remove the white background using tools like the Magic Wand in Photoshop, but I've found that the edges of the artwork lose their sharpness. Is there anyway in Photoshop to just save an image out where the white background is picked up as the part of the artwork that is suppose to be transparent?

share|improve this question
    
This other question will probably be of help: graphicdesign.stackexchange.com/questions/8045/… –  Yisela Mar 22 '13 at 0:16
    
post a picture or part of it –  Muhammad Umer Mar 22 '13 at 3:30
add comment

migrated from webmasters.stackexchange.com Mar 21 '13 at 23:28

This question came from our site for pro webmasters.

5 Answers

As you've mentioned in your question, there are various tools to remove backgrounds from images.

However, there is no automated method to simply designate a color as transparent when saving unless you save as a GIF image. However, GIF would be entirely inappropriate if you have a photograph as opposed to a drawing. Without knowing what the actual image looks like, it's very difficult to recommend the GIF format.

share|improve this answer
    
What? The exact feature you say doesn't exist, does in fact exist. –  Ryan Jan 2 at 18:55
    
Really? Where?? –  Scott Jan 2 at 18:59
    
See what I just posted as answer –  Ryan Jan 2 at 19:01
    
Okay, yes it's possible got a GIF image. I simply haven't used the GIF format in years. It is largely deprecated for everything other than animations since PNG support has improved. –  Scott Jan 2 at 19:31
add comment

Photoshop cannot determine what the background is, but you can while saving change a color to transparent. For white it will change ALL white, not only "background white". So you'll only be able to use this technique if the object doesn't have white in it.

  • Save For Web
  • Change it to GIF with the Transparency Ticked
  • On left side of the preview window is an eye dropper. Use it to click on the white.
  • Click on the transparent box below the color table
  • Repeat working closer to the edges until you're satisfied with the results.
share|improve this answer
    
Note this is only for GIF images. –  Scott Jan 2 at 19:03
add comment

go to Save for web devices and just chose png format for the website..you will get the image with transparent background.

share|improve this answer
2  
Not if the image already has an opaque background. –  Scott Jan 2 at 18:44
add comment

I have a trick I developed for this exact situation. You may be best to use slightly different settings for each element you want to be a separate graphic but try the following steps:

  1. Copy the section you wish to be a graphic into a new file
  2. Double click on the layer in the layers pallete
  3. Hold down alt on your keyboard, this separates the handle allowing smooth transparent edges and drag the left half inwards until the white is completely gone. Note: if you're not careful a residue of white may be left.
  4. You can now save for web as a transparent png if you wish.

See the screenshot below for details of stage 3

enter image description here

share|improve this answer
    
This works great! You still need to use the magic wand afterwards as it doesn't completely remove the background, but it adds transparency into the layer which is exactly what I was looking for. –  rikkit Aug 4 '13 at 14:35
add comment

You can use the magic wand tool, magnetic lasso tool, eraser tool, etc and make sure that your white background has been deleted. Then just save it as a png or gif. I recommend png because it has a greater color palette i.e can reproduce more colors.

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

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