Why is my Transparent GIF Image Background Not Working Correctly in WordPress?

Tags: , , , , , , ,

WordPress Transparent Image Backgrounds Use PNG Image In place of  Transparent GIF

Why is my transparent GIF image background not working correctly in WordPress?  I am having trouble making a new GIF image background transparent in WordPress.  It seems every time I create an image in Photoshop and then remove the background to create and transparent GIF to blend with the rest of the on-site artwork the whole image gets all messed and doesn’t render correctly.  I have never had this problem before when developing images for websites.  Now for some reason ever time I create a transparent give, the background is a mess.


Upon further research on this matter I found that there is some sort of restriction or conflict with many WordPress CSS pages.  This WordPress CSS conflict causes Transparent GIF Images to appear to have a background or ignores the transparent GIF.  So when developing a new image in Photoshop make sure to save any images that you want to have a transparent background as a PNG file.  Saving your image file in PNG format will keep keep the integrate of the image and allow for it to render on site/blog with a transparent background the way you originally desired.  I have found great success saving transparent backgrounds in the PNG-24 format.  Try it and let me know how it works for you.



Let’s just say that PNG is the new GIF these days 😉  Hope this helped.

No comments

Leave a comment!