Skip to content

How do I make the graphics I pick up at other sites have transparent edges to blend in with the background color of my page?

Well, first of all, to be blunt, you should not be picking up graphics from other sites. This is stealing and is a violation of copyright laws. Please don’t do it.

However, if you are making a graphic from scratch in Paint Shop Pro, Photoshop, or Photoshop Elements there is a way to make the background transparent or match it to your blog’s background color.

Paint Shop Pro transparency tutorial and another.

Photoshop/Elements transparency tutorial.

NOTE: .jpg does not support transparency. You’ll need to use .gif or .png

Updated to add: A few comments have pointed out that you can use graphics that you’ve legally downloaded via a subscription or online royalty-free site. This is true. You’ll want to read any site agreements, though, to confirm what you can and cannot do with those graphics.

3 thoughts on “How do I make the graphics I pick up at other sites have transparent edges to blend in with the background color of my page?”

  1. I understand about the “stealing” and all. But if I am subscribed to a service like clipart.com, I can use those graphics — is that right?

  2. Thanks for this post. I’ve saved images with a transparent background and a .png extension. It shows up just fine in firefox (translucent), but still has the white box in ie. Can you think of a reason why this is the case? I went in and changed the background of my image to match the background behind it, but you can still see a slight box-like image. Thanks.

Comments are closed.