Need image transparency in Structure theme header

ieba · Member · Jul 3, 2010 at 3:28 am
Copy link

Add topic to favorites
I have images with transparency in my posts. GIFs work fine. I tried to import a logo with the same effect into the header and every time I get a black background. I changed the image to PNG24, clicked transparency on, and it still doesn’t work. I need this to work so that I can integrate a more interesting looking, mottled background than the flat color that is there now.

I have took a screen grab showing the problem and made a post here:

http://waotbp.wordpress.com/2010/06/12/transparency

The blog I need help with is: (visible only to logged in users)
panaghiotisadam · Member · Jul 3, 2010 at 5:51 am
Copy link
??? The header image on the blog you link to is transparent.

A transparent png won’t work if it isn’t in the exact dimensions specified by the theme, because the cropped version produced by WP is always a jpg.
ieba · Member · Jul 3, 2010 at 6:39 pm
Copy link
Thanks for that!
I haven’t tried a pixel for pixel version yet, always crop, and didn’t know WP does an internal conversion.

The header image on the blog now is a big box all the way across with the same color as the background. But I want to _change_ the background and that makes the box very obvious..
thesacredpath · Member · Jul 3, 2010 at 8:55 pm
Copy link
The exact header size for structure is 960 × 120 pixels. It is listed right on the appearance > header page.
ieba · Member · Jul 4, 2010 at 1:41 am
Copy link
Yes, I know that, but it also crops. Cropping was simpler, and good enough till I wanted to make the background more interesting.

Following panaghiotisadam’s advice, an exactly sized PNG did work beautifully.
thesacredpath · Member · Jul 4, 2010 at 1:58 am
Copy link
The image crop feature at wordpress does not do a very good job when it comes to image quality, and it will always save as a jpg. Your header image/logo would be much better and sharper saved as a png. jpg compression is best for photographic images, not for graphic type images and text in jpg’s will always be fuzzy.
thesacredpath · Member · Jul 4, 2010 at 1:59 am
Copy link
For that matter, any line between two different colors will become fuzzy in a jpg. That is why, unless it is a photographic image, you are better with gif or png.
littlesophia · Member · Jul 5, 2010 at 3:26 pm
Copy link
Once you get to “maximum” quality setting sin JPEG, I think it’s almost indistinguishable from the original. But I agree, pixel for pixel accuracy is not guaranteed with JPEG. The transparent PNG worked for me.

A separate line or two about transparency on the Header Image page would have been clearer: “If you need transparency, use GIF or PNG and make sure the size is exact because cropping in WordPress eliminates transparency.”
timethief · Member · Jul 5, 2010 at 4:52 pm
Copy link
@littlesophia
I agree with you. Would you please contact Staff and make that suggestion so the additional clarifying sentence can be added to support documentation?

Contact
ieba · Member · Jul 7, 2010 at 8:39 pm
Copy link
Done.
timethief · Member · Jul 7, 2010 at 10:09 pm
Copy link
Good. :)
andrewspittle · Staff · Jul 8, 2010 at 9:45 pm
Copy link
I just updated the support page to make note of this. Thanks for the feedback all!
ieba · Member · Jul 8, 2010 at 10:35 pm
Copy link
I will certainly count this as happiness achieved.
timethief · Member · Jul 8, 2010 at 11:34 pm
Copy link
@Andrew
Thank you. :)

@ieba
Me too. :)

No items found.