Animating/improving header image quality?
We cannot at this time have animated headers although if you use the forum search box you will find they have been requested. So don’t bother trying to use animated gifs in headers. They will work on pages, in posts and in text widgets but not in headers.
So don’t bother trying to use animated gifs in headers.
Keeps quiet and hope no one notices my success then :-)
(Only changes once every 60 seconds so you’ll have to watch for a while…don’t grass me up!)
My remark was based on my own past experience based on working with a blog theme that had not been css customized.
I’m presently looking at the blog linked to your username. It’s in the Contempt theme and does not appear to be css customized. The header I’m viewing via a firefox 184.108.40.206 browser does not appear to be animated. Are you referring to another blog? If so please provide the url.
No its the one linked to my username…it does only change once every 60 seconds as I didn’t want to annoy visitors…
If it still doesn’t work for you let me know! Thanks
I see it in Firefox 220.127.116.11 on win xp and it is animated but every minute it changes background photos. Nice job!…as i head back to photoshop and try it myself :)
I used Ulead GIF Animated 5 from CNET.com, 15 day trial. Had trouble getting the file size down…its over 1mb as it is!
You may want to check this out and some of the links at the bottom to optimize the individual pictures of that gif for those on slower connection speed. GIF’s dont have the compression that JPG’s have I believe, but that still is a pretty big header size.
I’m glad to hear it works. Perhaps I just didn’t hang in long enough to see it do so. Thanks for sharing. :)
I went back and tried it out again. Yes your header does change every 60 seconds. That means you have “still images” being presented every 60 seconds as rotating still image headers.
As for “animation” well that’s a different story, isn’t it? I thought you were talking about “animated images”. – lol – I think we can safely presume that we are talking about two very different things.
An animated GIF is rotating still images. You can adjust the rotation speed of each frame, turn on and off the layers (or pictures) you want to show during each frame, and add “tweeners” to make even slow transitions between images to smooth it out. I went into Adobe Photoshop/ImageReady and made one myself and tried it out on a private blog I have and it worked great sussex. Thanks for the tip.
Timethief…I had a look at your link but that’s not what I’ve done. Mine is just an animated gif so doesn’t require any script or PHP fiddling.
My gif is made up of three pics…60 seconds for each photo, then 5 pics 20th of a second long using varying amounts of transparency to merge to the next pic. Definitely an animated gif…I could just as easily create a stick man running across the page.
I assume the method you refer to would create a much smaller file, but I believe I’d have to pay to get customisation etc to get it to work? Plus I haven’t a clue where to start with PHP etc!
Just noticed your link ryanjenn, thanks :) I tried using the gif animator to optimise but it only made a small difference to the file size for a big loss in quality, but i have Picassa installed so will try it on that.
I have been playing around with the animations also. Those 5 pics in between each image kill the filesize. My advice would be to reduce the quality of those transition pics (since they are only up for a small amount of time and only for transition) or try it without the transitions.
I went from 2 main pics with 5 on each side for transition and upped it to 10 on each side and it doubled my filesize.
Thanks I will try changing the transition pics…I managed to optimise the file and get it down to around 700kb from 1.2mb, so hopefully I can get it smaller.
I’ve been having the same problem with header picture quality as mentioned in the beginning of this thread. Because I have two blogs on WordPress I’ve been able to do some comparative custom header research: the same header pic I uploaded to my older blog some 8 months ago(?) looks just fine whereas the same pic in my new blog looks all grainy. Uploading it as gif, jpeg or png -format doesn’t affect the pic. The same problem persists also when using different templates.
File sizes in kb and some links to what you’re seeing would help.
Check out the header pic at: http://otus.wordpress.com/
Filesize is around 18 kb. I just deleted the pic in my old blog so now you just have to take my word that the pic I uploaded earlier was indeed crisp and clear. :(
I have no problem with quality or animation of the header at: http://videogazette.wordpress.com
File size is 153 kb.
All you have to do to get any animated gif to work in the header is to have the dimensions of th image exactly what the header calls for so the crop doesn’t have to take effect because that will ruin the animation sequence. Cropping effectively works on a single frame only and WordPress will ignore the rest. Hope this helps.
The topic ‘Animating/improving header image quality?’ is closed to new replies.