Transparent Background Image *.png *.gif Comparison

Creating an image with a transparent background has many benefits.

The first one I can think of is a web application.

Lets say you upload a header to your website that has a white background to blend in with the website’s background that is also white. This is a smart idea and great programming. But, if you then later decide you want to change your background to a gray, if you didn’t create a transparent background, you would have to re-create the image with a gray background.

So, what you should do in this case is create your image with a transparent background in the first place! Then all is much easier in the future.

I have played around with both the *.png and *.gif formats for working with this, and have decided that the *.png is a much better (not even comparable really) than the *.gif image.

*.png image


*.gif image

Both the above images were generated from the same master *.psd image, although the *.png was increased a bit in size, which shouldn’t have any effect on the image.

For step by step instructions on how to create a *.png file, read this post.


  1. Forex trading systems September 2, 2011 6:08 pm  Reply

    Some really interesting points you have written. Aided me a lot, just what I was looking for : D.

    • ned September 3, 2011 10:02 am  Reply

      Glad it helped.

  2. renren876 September 17, 2011 2:57 am  Reply

    Nice read. I have added this site to my favourites!

    • ned September 17, 2011 11:40 am  Reply


  3. xiaorr456 September 21, 2011 8:36 am  Reply

    I like this site very much, Its a rattling nice situation to read and receive information.

    • ned September 21, 2011 9:29 am  Reply

      Thank you for your swell comments xiaorr. I hope you can find more useful information somewhere 🙂

Leave a Reply

twelve + 1 =