Advertisement


Can you save an image with a white background as a transparent image out of Photoshop?


Question

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?

2013/03/21
1
2
3/21/2013 5:13:00 PM

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

2013/03/22
3
3/22/2013 9:14:00 AM